@charset "utf-8";
/* CSS Document */
/*切图：bwh*/
@font-face {
	font-family: myFirstFont;
	src: url('fonts/NotoSansHans-Regular.otf');
	font-weight: normal;
	font-style: normal;
}

html{ overflow-x:hidden; overflow-y:auto;}
*{ padding:0; margin:0;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'NotoSansHans-Regular','Microsoft yahei' ,Arial; font-size:12px;}
code, kbd, pre, samp { font-family:'NotoSansHans-Regular','Microsoft yahei' ,Arial;}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
a{ text-decoration:none; color:#333;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{color:#ab1032; cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'NotoSansHans-Regular','Microsoft yahei' ,Arial;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'NotoSansHans-Regular','Microsoft yahei' ,Arial;}
textarea{ resize:none; outline:0;}
input{ outline:0;}
body{ overflow:hidden; background:#fff;}



.pz_top{ float:left; width:100%; position:relative; z-index:1000; background:#fff;}
.pz_banner{ float:left; width:100%; overflow:hidden; position:relative; z-index:8; }
.pz_main{ float:left; width:100%; min-height:200px;}
.pz_down{ float:left; width:100%;}



/*top*/
.topTel{ float:left; margin:52px 0 37px 0; color:#ab1032; font-size:18px; line-height:32px; background:#f5f5f5 url(images/top1.png) left center no-repeat;  padding:0 11px 0 43px;}
.www{ float:left; margin:52px 0 37px 0; position:relative; z-index:9999;}
.www .la{ float:left; margin:0 0 0 20px; color:#333333; font-size:16px; line-height:32px; background:url(images/top2.png) right center no-repeat;padding:0 25px 0 0;}
.www .la:hover{ color:#ab1032;}
.www .sub{ display:none; float:left; position:absolute; left:-3px; width:130px; top:37px; background:#fff; border:1px solid #ebebeb; z-index:2; padding:7px 0;}
.www .sub a{ float:left; width:100%; text-align:center; color:#333; font-size:14px; line-height:26px;}
.www .sub a:hover{ color:#ab1032;}
.so{ float:left; width:260px; position:relative; margin:52px 0 37px 26px; }
.so::after{ float:left; width:1px; height:10px; position:absolute; left:28px; top:50%; margin-top:-5px; content:''; background:#bdbab9;}
.so .Search{ float:left; width:100%; height:32px; background:none; border:none; line-height:24px; padding:4px 12px 4px 42px; color:#bdbab9; font-size:16px;}
.so .sear_sub{ float:right; width:16px; height:16px; border:none;background:url(images/sear_sub.png) center no-repeat; position:absolute; left:0; top:50%; margin-top:-8px;}
.so ::-webkit-input-placeholder{color:#bdbab9}
.so :-moz-placeholder{color:#bdbab9}
.so ::-moz-placeholder{color:#bdbab9}
.so :-ms-input-placeholder{color:#bdbab9}


/*menu*/
.menu{ float:left; width:100%; border-top:1px solid #e5e5e5;}
.menu ul{ margin:0 -17px;}
.menu .nli{ float:left; padding:0 17px; text-align:center; position:relative; z-index:1000;}
.menu .nli::after{float:left; width:1px; height:14px; position:absolute; right:0; top:50%; margin-top:-7px; content:''; background:#e4e1e0;}
.menu .nli:last-child::after{ display:none;}
.menu .nli span a{float:left; padding:0 30px; color:#333333; font-size:16px; line-height:60px; position:relative; -webkit-transition:none;
   -moz-transition:none;
	-ms-transition:none;
	 -o-transition:none;
		transition:none;}
		/*20220905start*/
.menu .nli span a::after{ float:left; width:0; height:2px; background:#be0028; position:absolute; left:50%; top:-1px; content:'';oz-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);}
     /*20220905end		*/
.menu .nli.active span a,
.menu .nli:hover span a{ color:#ab1032;}
.menu .nli.active span a::after,
.menu .nli:hover span a::after{ width:100%;}
.menu_sub{ display:none; float:left; position:absolute; left:0; top:60px; width:100%; z-index:66; text-align:center; margin:0 !important;}
.menu_sub .l2{ float:left; width:100%; margin-top:1px; background:#fff; background:rgba(255,255,255,0.8); position:relative;}
.menu_sub .l2 a{ float:left; width:100%; width:100%; text-align:center; color:#333333; font-size:14px; line-height:20px; padding:10px 0; position:relative;}
.menu_sub .l2.on a,
.menu_sub .l2 a:hover{ color:#ab1032;}
.menu_ul3{ display:none; float:left; position:absolute; left:100%; top:-1px; width:160px; margin:0 !important; padding-left:1px;}
.menu_ul3 li{ float:left; width:100%; margin-top:1px; background:#000; background:rgba(0,0,0,0.2); position:relative;}
.menu_ul3 li a{ float:left; width:100%; width:100%; color:#fff !important; font-size:14px; line-height:40px; position:relative;}
.menu_ul3 li.on a,
.menu_ul3 li a:hover{ color:#ab1032 !important;}

.menu_sub .l2:hover .menu_ul3{ display:block;}


.pc_top{ display:block;}		
.ph_top{ display:none;}
.pc_menu{ display:block;}
.menuph{ display:none;}
.xialaph{ display:none;}

@media screen and (max-width:1229px ) {
.menu ul{ margin:0 -10px;}	
.menu .nli{ padding:0 10px;}
.menu .nli span a{ padding:0 23px;}	

.menu_sub li{ margin:0 20px;}
.menu_sub li:first-child{ margin-left:170px;}
}

@media screen and (max-width:1023px ) {
/*20220905start*/
.w_ts{float: right;background: rgba(255,255,255,0)!important;}
.w_bs{float: left;}
/*20220905end*/

.logo{ float:right; width:113px; height:44px; margin:8px 0;}
.so{ float:left; width:100%; margin:15px 0 10px 0; border:1px solid #ab1032;}
.so::after{ display:none;}
.so .sear_sub{ left:14px;}
.so .Search{ font-size:14px;}
.www{ margin:0 0 15px 0; text-align:center; }
.www .la{ margin:0 7px; float:none; display:inline-block;}
.www .sub{ left:7px; top:auto; bottom:37px;}

.menuph{ display:block;}
.xialaph{ display:block;}


/*手机按钮*/
/*20220906start*/
.menuph{ float:left; width:28px; height:22px; cursor: pointer; text-align: center; margin:19px 0;}
.menuph .point {  display: inline-block;  width: 28px;  height: 22px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {  width: 28px;  }
.menuph .navbtn {  position: absolute;  top: 10px;  right: 0;  display: inline-block;  width: 21px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;  }
.menuph .navbtn::after,
.menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 28px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;  }
.menuph .navbtn::after {  top: -11px;  }
.menuph .navbtn::before {  top: 10px;  }
.menuph .point.active .navbtn{  background: transparent;  }
.menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
.menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }
/*20220906end*/

/*手机下拉*/
.xialaph{ position:fixed; left:0; top:0; float:left; width: 100%; height:100%; overflow:scroll; padding:65px 0 140px 0;  display: none;  z-index:98; background:#fff;}
.xialaph .ul2,
.xialaph .ul3{display: none;}
.xialaph h4 a{ float:left; width:92%; color: #333333;  font-size:16px; line-height: 55px;}
.xialaph h4 a span{ padding-left:6px; color:#ccc; font-size:14px;}
.xialaph h4{ float:left; width:100%; position:relative;}
.xialaph li:last-child h4::before{  content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #e7e7e7; /*opacity: 0.1;*/  }
.xialaph h4:hover a,
.xialaph h5:hover a{  color: #ab1032; }
.xialaph h4::after{  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #e7e7e7; /*opacity: 0.1;*/  }
.xialaph h5 a{ float:left; width:85%;  color: #1f1f1f;  font-size:14px; line-height: 45px;  text-transform:uppercase; }
.xialaph h5{ float:left; width:100%;position: relative;  }
.xialaph h5::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #e7e7e7; /*opacity: 0.05;*/  }
.xialaph li:last-child h5::after{  display: none;  }
.xialaph h4 img{  width: 15px;  height: 8px;  float: right;  margin-top: 24px;  cursor: pointer;}
.xialaph h5 img{  width: 11px;  height: 6px;  float: right;  margin-top: 20px;  margin-right: 18px;  cursor: pointer;  }
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{  display: none;  }
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{  display: block;  }
.xialaph .ul2{ float:left; width:100%; padding:0 10px; position:relative;}
.xialaph .ul3{  padding-top: 12px;  padding-bottom: 18px;  padding-left: 15px;  position: relative;  }
.xialaph .ul3::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #e7e7e7;  }
.xialaph li:last-child .ul3::after{  display: none;  }
.xialaph .ul3 li a{  color: #333;  font-size: 14px;  line-height: 35px;  display: block;  }
.xialaph .ul3 li{  padding-top: 5px;  }
.xialaph .ul3 li:first-child{  padding-top: 0;  }
.xialaph .phsou{  position: relative;  margin-top: 34px;
}
.xialaph .phsou input{  width: 100%;  height: 56px;  background-color: #fff; color: #aaa;  font-size: 14px;  padding-left: 20px;  border: 1px solid #e5e5e5;  }
.xialaph .phsou img{  cursor: pointer;  width: 21px;  height: 22px;  position: absolute;  top: 17px; right: 29px;  }
.img_d, .disno{  display: none;  }
}

/*phone底部导航*/
.q_d_m{float:left; width:100%; height:50px;}
/*20220906start*/
.pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#be0028; z-index:999;border-top: 1px solid #fff;}
/*20220906end*/
.pf_down li{ width:25%; float:left; text-align:center; padding:7px 0 4px 0; border-right:1px solid #fff;}
.pf_down li .ico7{ width:100%; float:left; height:20px;}
.pf_down li .d_name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;}
.pf_down li.l1 .ico7{ background:url(images/btn14.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l2 .ico7{ background:url(images/btn15.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l3 .ico7{ background:url(images/btn16.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l4 .ico7{ background:url(images/btn17.png) no-repeat center; background-size:20px 20px;}
.pf_down li:last-child{ border:none;}

/*右侧漂浮*/
.right_pf{ float:left; position:fixed; right:5px; top:50%; margin-top:-155px; border:1px solid #e4e4e4; width:82px; background:#fff; z-index:101; text-align:center;}
.right_pf .ul1{ float:left; width:100%; padding:8px;}
.right_pf .ul1 i{ float:left; width:100%; border:1px solid #e4e4e4; line-height:0;}
.right_pf .ul1 h5{ float:left; width:100%; color:#3e3d3d; font-size:12px; line-height:14px; margin-top:6px;}
.right_pf .ul2{ float:left; width:100%; padding:9px; border-top:1px solid #e4e4e4;}
.right_pf .ul2 li{ float:left; width:100%; margin-top:1px;}
.right_pf .ul2 li a{ float:left; width:100%; background:#98989a; height:62px;}
.right_pf .ul2 li a i{ float:left; width:100%; line-height:0; margin-top:12px;}
.right_pf .ul2 li a h5{ float:left; width:100%; color:#fff; font-size:12px; line-height:24px;}
.right_pf .ul2 li a:hover{ background:#ab1032;}

.right_pf .ul2 li.rtelbox{position:relative;}
.right_pf .ul2 li.rtelbox .rtel{display:none; position:absolute; right:62px; top:0; line-height:62px; background:#ab1032; font-size:14px; width:140px; text-align:center; color:#fff;}
.right_pf .ul2 li.rtelbox:hover .rtel{display:block;}





.messagePo{ display:none; float:left; width:295px; background:#f3f3f3; background:rgba(243,243,243,.8); position:fixed; right:0; top:50%; margin-top:-199px; padding:20px 30px 22px 30px; box-shadow: 0 5px 35px rgba(178,178,178,.75); z-index:102;}
.messagePo .title{ float:left; width:100%; color:#828282; font-size:16px; line-height:26px; margin-bottom:9px;}
.messagePo .lab{ float:left; width:100%; position:relative; margin-top:6px;}
.messagePo .fv1{ float:left; width:100%; color:#a1a1a1; font-size:13px; line-height:24px; height:32px; border:1px solid #e2e2e2; background:#fff; padding:3px 15px;}
.messagePo .fv2{ float:left; width:100%; color:#a1a1a1; font-size:13px; line-height:24px; height:58px; border:1px solid #e2e2e2; background:#fff; padding:3px 15px;}
.messagePo .fv3{ float:left; width:100%; color:#fff; font-size:13px; line-height:24px; height:32px;  border:none; background:#ad0e34; cursor:pointer;}
.messagePo .fv3:hover{ box-shadow:0 5px 10px rgba(0,0,0,.2);}
.yanzhengma{ float:left; position:absolute; right:1px; top:1px; width:60px; height:30px;}
.messagePo .messcolse{width:26px; height:26px; background:url(images/x.png) no-repeat; position:absolute;right:6px; top:8px; cursor:pointer;}



/*banner*/
.slide_banner{ float:left; width:100%; margin:0; overflow:hidden; text-align:center;}
.slide_banner .slick-slide{ width:100%; padding:0; position:relative;}
.slide_banner img{ width:100%;}
.slide_banner .slick-dots{bottom:7.16%; height:12px;}
.slide_banner .slick-dots li{ background:#fff; width:12px; height:12px; margin:0 7px; opacity:0.5; filter:alpha(opacity=50); text-indent:-9999px; vertical-align:top; border-radius:50%;}
.slide_banner .slick-dots li.slick-active{ background:#ab1032; opacity:1; filter:alpha(opacity=100);}
.zy_banner{ float:left; width:100%; line-height:0;}
.ban_pf{ float:left; position:absolute; left:50%; margin-left:-600px; top:26.83%;}
@media screen and (max-width:1023px ) {
.slide_banner .slick-dots{ height:10px;}	
.slide_banner .slick-dots li{ width:10px; height:10px; margin:0 4px;}
.messagePo{ padding:12px 12px 15px 12px; width:250px;}
.messagePo .title{ margin-bottom:0;}
.messagePo .fv1{ padding:3px 10px;}
.messagePo .fv2{ padding:3px 10px;}
}


.elli{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}	
.ImgHover{-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.ImgHover:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}


/*foot*/
/*20220903start*/
.foot1{ float:left; width:100%; background:#be0028; padding:0.8% 0;}
.bq{ float:left; color:#fff; font-size:16px; line-height:24px;}
/*20220903end*/
.bq a{ color:#fff; }
.bq a:hover{ color:#ab1032; }
/*20220903start*/
.footMap{ float:right; color:#b7b7b7; font-size:16px; line-height:24px; margin-top:24px;}
/*20220903end*/
.footMap a{ color:#ededed; font-size:14px;}
.footMap a:hover{ color:#ab1032;}

/*20220903start*/
.foot2{ float:left; width:100%; background:#1a1a1a;padding:3.33% 0 3.75% 0;}
.footBox{ float:left; width:100%; margin-top:1.83%;}
.Fnav{ float:left; width:204px; margin-right:18px;}
.Fnav .title{ display:block; color:#fff; font-size:21px; line-height:26px;}
.Fnav .sub{ display:block; margin-top:12px;}
.Fnav .sub li a{ display:block; color:#ffffff; font-size:16px; line-height:24px;}
.Fnav .sub li a span{color: #be0028;}
/*20220903end*/
.Fnav .sub li a:hover{ color:#ab1032;}
.Fnav.last{ margin-right:0; width:88px;}

/*.side_tit{ background: #989898; height: 42px; line-height: 42px; font-size: 16px; position:relative;}
.side_tit span::after{ float: left; width: 15px; height: 8px; content: ''; position: absolute; right: 12px; top: 50%; margin-top: -4px; background: url(images/xiap1.png) center no-repeat;}
.side_tit a{display: inline-block; height: 42px; color:#fff; line-height: 42px; position: relative; background: #989898; padding: 0 30px;}
.side_tit a:first-child::before{ display: none;}
.side_tit a::before{ content: ""; position: absolute; left: -18px; display: inline-block; width: 18px; height: 42px; background: url(images/foot2.png) no-repeat right center; background-size: cover;}
.side_tit a.on{ background: #ab1032;}
.side_tit a.on a::before{ content: ""; position: absolute; left: -18px; display: inline-block; width: 18px; height: 42px; background: url(images/foot3.png) no-repeat right center; background-size: cover;}
.side_tit a.on:first-child::before{ display: none;}
.side_tit a.on::after{ content: ""; position: absolute; right: -18px; display: inline-block; width: 18px; height: 42px; background: url(images/foot1.png) no-repeat right center; background-size: cover;}*/


.side_tit{ background: #989898; height: 42px; line-height: 42px; font-size: 16px; position:relative;}
.side_tit span::after{ float: left; width: 15px; height: 8px; content: ''; position: absolute; right: 12px; top: 50%; margin-top: -4px; background: url(images/xiap1.png) center no-repeat;}
.side_tit{ }
.side_tit a{ color: #fff; display: block; display: inline-block; height: 42px; line-height: 42px; position: relative; background: #989898; padding: 0 30px;}

.side_tit a::before{ content: ""; position: absolute; left: -18px; display: inline-block; width: 18px; height: 42px; background: url(images/foot2.png) no-repeat right center; background-size: cover;}
.side_tit a.on{ background: #ab1032;}
.side_tit a.on::before{ content: ""; position: absolute; left: -18px; display: inline-block; width: 18px; height: 42px; background: url(images/foot3.png) no-repeat right center; background-size: cover;}
.side_tit a.on:first-child:before{ display: none;}
.side_tit a.on::after{ content: ""; position: absolute; right: -18px; display: inline-block; width: 18px; height: 42px; background: url(images/foot1.png) no-repeat right center; background-size: cover;}
/*20220903start*/
.side_tit a:last-child{ background: #BE0028;}
.side_tit a:last-child::before{ content: ""; position: absolute; left: -18px; display: inline-block; width: 18px; height: 42px; background: url(images/foot3.png) no-repeat right center; background-size: cover;}
.side_tit a:last-child::after{ content: ""; position: absolute; right: -18px; display: inline-block; width: 18px; height: 42px; background: url(img/foot1.png) no-repeat right center; background-size: cover;}
/*20220903end*/
.side_tit a:first-child::before{ display: none;}



@media screen and (max-width:1229px) {
.Fnav{ width:165px;}
.Fnav .sub li a{ font-size:14px; line-height:22px;}
.Fnav.last{ width:78px;}
}
@media screen and (max-width:1023px) {
.foot2{padding:4% 0;}	
.foot1{ padding:2% 0;}	
.Fnav{ width:114px;}
.footTit { line-height:34px; position:relative; font-size:12px;}
.footTit span{padding:0 12px; font-size:16px;}
.footTit span::after{ border-top: 17px solid transparent; border-bottom:17px solid transparent;border-left:10px solid #ab1032;  right:-10px; }
/*20220906start*/
.footTit::before{ float:left; width:15px; height:8px; content:''; position:absolute; right:12px; top:50%; margin-top:-4px; background:url(img/xiap1.png) center no-repeat;}
/*20220906end*/
    .toplocation::before{display:none;}

.side_tit a{padding:0 25px 0 15px;}


}
@media screen and (max-width:767px) {

.footNav{ padding:15px 0;}
.Fnav{ width:100%; margin:5px 0;}
.Fnav .title{ font-size:16px; line-height:26px;}
.Fnav .sub{ margin-top:0;}
.Fnav .sub li{ width:33.33%; float:left;}
.Fnav.last{ width:100%;}
.footBox{ display:none;}
.bq{ text-align:center;}
.footMap{line-height:22px; width:100%; text-align:center; margin:0 0 5px 0;}
.footMap a{ font-size:14px;}

.side_tit{ height: 26px; line-height: 26px;}
.side_tit a{ height: 26px; line-height: 26px; padding: 0 12px 0 10px; font-size:12px;}
.side_tit a::before{  left: -11px; width: 11px; height: 26px;}
.side_tit a:last-child::before{ left: -11px; width: 11px; height: 26px;}
.side_tit a:last-child::after{ right: -11px; width: 11px; height: 26px;}

.footTit .pz_SideLayer{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff;}

}
@media screen and (max-width:374px) {
.Fnav .sub li{ width:50%; float:left;}

}

/*homeTit*/
.homeTit{ float:left; width:100%; margin-top:6%;}
.homeTit .tit{ float:left; color:#959797; font-size:21px; line-height:21px;}
.homeTit .tit span{ display:block; color:#ab1032; font-size:30px; line-height:30px; margin-top:6px; padding-left:30px; position:relative;}
.homeTit .tit span::after{ float:left; width:15px; height:3px; background:#ab1032; position:absolute; left:0; top:50%; margin-top:-1px; content:'';}
.homeTit .more{ float:right; margin-top:10px;}
.homeTit .more a{ float:left; padding-left:24px; color:#959797; font-size:16px; line-height:36px; border-bottom:1px dashed #bfbfbf; background:url(images/main1.png) left center no-repeat;}
.homeTit .more a:hover{ background:url(images/main2.png) left center no-repeat; color:#ab1032; }
.homePor{ float:left; width:100%; padding:2.83% 0 5.83% 0;}
/*20201223start*/
.homePor .l1{ float:left;}
.homePor .l1 a{ float:left; width:100%; padding:42px 18px 30px 18px;  position:relative; overflow:hidden; background:#efefef;}
.homePor .l1:nth-child(2n) a{ background:#f7f7f7;}
.homePor .l1 .ico{ display:inline-block;vertical-align: top; height:70px; vertical-align:top;}
.homePor .l1 .info{ display:inline-block;vertical-align: top; text-align:left;margin-top: 10px;margin-left: 10px;}
.homePor .l1 .tit1{ display:block; color:#333333; font-size:21px; line-height:31px;
overflow:hidden;white-space: nowrap; text-soverflow:ellipsis;}
.homePor .l1 .tit2{ display:block; width:100%; color:#999999; font-size:16px; line-height:26px; margin:6px 0 14px 0;
overflow:hidden;white-space: nowrap; text-soverflow:ellipsis;}
.homePor .l1 .wy_text{font-size: 16px;color: #333333;line-height: 24px;margin-bottom: 24px;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
/*20201223end*/
.homePor .l1 .tit3{ display:block; border:1px solid #9c9c9c; width:83px; height:28px; line-height:26px; color:#858585; font-size:16px; text-align:center; text-transform:uppercase;}
.homePor .l1 a::after{ float:left; width:18px; height:18px; position:absolute; right:19px; top:22px; background:url(images/main8.png) right center no-repeat; content:''; background-size:100% 100%; -webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.homePor .l1 a:hover .ico{-webkit-transition: 2s ease;
   -moz-transition: 2s ease;
	-ms-transition: 2s ease;
	 -o-transition: 2s ease;
		transition: 2s ease;
-webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	 -o-transform: rotate(360deg);
		transform: rotate(360deg);}	
.homePor .l1 a:hover .tit1,
.homePor .l1 a:hover .tit2{ color:#d20037;}
.homePor .l1 a:hover .tit3{ color:#d20037; border:1px solid #d20037;}
.homePor .l1 a:hover::after{background:url(images/main9.png) right center no-repeat; transform:rotate(180deg); background-size:100% 100%;}
.homePor .slick-dots{bottom:7.16%; height:12px; position:static; margin-top:3%;}
.homePor .slick-dots li{ background:#828282; width:12px; height:12px; margin:0 5px;text-indent:-9999px; vertical-align:top; border-radius:50%;}
.homePor .slick-dots li.slick-active{ background:#ab1032;}


@media screen and (max-width:1229px) {	
.homeTit .tit{ font-size:18px; line-height:18px;}
.homeTit .tit span{ font-size:22px; line-height:22px;}
.homeTit .more{ margin-top:4px;}
.homePor .l1 a{ height:205px;}
.homePor .l1 .ico{ height:54px; margin:7px 6px 0 0;}
.homePor .l1 .tit1{ font-size:18px; line-height:26px;}
.homePor .l1 .tit2{ font-size:14px; line-height:22px;}
.homePor .l1 .tit3{ font-size:14px; width:66px; height:24px; line-height:22px;}
}
@media screen and (max-width:1023px) {
.homePor{ padding:4% 0 6% 0;}	
.homeTit .tit{ font-size:16px; line-height:16px;}
.homeTit .tit span{ font-size:18px; line-height:18px; padding-left:20px;}
.homeTit .tit span::after{ width:12px; height:1px;}
.homeTit .more{ margin-top:5px;}
.homeTit .more a{ padding-left:16px; font-size:14px; line-height:30px; background-size:10px 10px;}
.homeTit .more a:hover{ background-size:10px 10px;}

.homePor .l1 a::after{ width:12px; height:12px; right:10px; top:10px;}	
.homePor .l1 a{ padding:20px 8px; height:auto;}
.homePor .l1 .ico{ display:inline-block; height:50px;}
.homePor .l1 .info{ width:100%; text-align:center; margin-top:6px;}
.homePor .l1 .tit1{ font-size:16px; line-height:22px;}
.homePor .l1 .tit2{ line-height:20px;}
.homePor .l1 .tit3{ float:none; display:inline-block; font-size:12px;}
.homePor .slick-dots{ height:10px;}
.homePor .slick-dots li{width:10px; height:10px; margin:0 4px;}
}
/*20201223start*/
@media  screen and (max-width: 767px){
.homePor .l1 a{padding:12px; }
.homePor .l1 .ico{  height:40px; margin: 0 auto;display: block;}
.homePor .l1 .info{  margin-top: 6px;margin-left: 0px;width: 100%;display: block;}
.homePor .l1 .tit1{ font-size:16px; line-height:26px;}
.homePor .l1 .tit2{  font-size:14px; line-height:24px; margin:6px 0;}
.homePor .l1 .wy_text{font-size: 14px;line-height: 22px;margin-bottom: 22px;}
}
/*20201223end*/

/*homeSolut*/
.homeSolutBg{ float:left; width:100%;}
.homeSolut{ float:left; width:100%; padding:3.75% 0 5.66% 0;}
.homeSolut .ul{ margin:0 -10px;}
.homeSolut .l1{ float:left; padding:0 10px;}
.homeSolut .l1 a{ float:left; width:100%; position:relative;}
/*.homeSolut .l1 .img{ float:left; width:100%; line-height:0; overflow:hidden;}
.homeSolut .l1 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}*/

/*20230615satrt*/
.homeSolut .l1 .img{ width: 100%; padding-bottom: 74.4%; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.homeSolut .l1 .img img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.homeSolut .l1:hover .img img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
/*20230615end*/





.homeSolut .l1 .info{ float:left; width:100%; height:70px; position:absolute; left:0; top:100%; margin-top:-70px; padding:0 30px 0 20px; background:#000; background:rgba(0,0,0,.6);-webkit-transition: all 0.5s ease-out 0s; padding-top: 12px;
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.homeSolut .l1 .info::after{ float:left; width:13px; height:9px; content:''; background:url(images/main14.png) center no-repeat; position:absolute; right:16px; bottom:40px;}
.homeSolut .l1 .tit1{ float:left; width:100%; color:#fff; font-size:21px; line-height:23px;min-height: 46px;}
.homeSolut .l1 .cont{ float:left; width:100%; color:#fff; font-size:16px; line-height:23px; height:115px; overflow:hidden; margin-top:14px;
opacity:0.7; filter:alpha(opacity=70);}
.homeSolut .l1 a:hover .info{ top:0; margin-top:0; padding:0 30px; height:100%;}
.homeSolut .l1 a:hover .tit1{ margin-top:22px;}


.homeSolut .slick-dots{ height:12px; position:static; margin-top:1.83%;}
.homeSolut .slick-dots li{ background:#828282; width:12px; height:12px; margin:0 5px;text-indent:-9999px; vertical-align:top; border-radius:50%;}
.homeSolut .slick-dots li.slick-active{ background:#ab1032;}


@media screen and (max-width:1229px) {	
.homeSolut .l1 .info{ margin-top:-38px; height:38px;}
.homeSolut .l1 .tit1{ font-size:18px; line-height:38px;}
.homeSolut .l1 .cont{ font-size:14px; line-height:21px; height:105px; margin-top:6px;}
.homeSolut .l1 a:hover .tit1{ margin-top:10px;}
}
@media screen and (max-width:1023px) {
.homeSolut{ padding:4% 0 6% 0;}	
.homeSolut .ul{ margin:0 -6px;}
.homeSolut .l1{ padding:0 6px;}
.homeSolut .l1 .info{ padding:0 12px;}
.homeSolut .l1 .cont{ height:63px;}
.homeSolut .slick-dots{ height:10px; margin-top:3%;}
.homeSolut .slick-dots li{width:10px; height:10px; margin:0 4px;}
.homeSolut .l1 a:hover .info{ padding:0 15px;}
.homeSolut .l1 .tit1{ font-size:16px; line-height:38px;}
.homeSolut .l1 .info::after{display: none;}
}
@media screen and (max-width:767px) {
	
.homeSolut .ul{ margin:0 -3px;}
.homeSolut .l1{ padding:0 3px;}
.homeSolut .l1 .cont{ line-height:20px; height:40px; margin:0;}
.homeSolut .l1 a:hover .tit1{ margin-top:5px;}
}

/*homeNews*/
.homeNews{ float:left; width:100%; padding:2.84% 0 5.83% 0;}
.homeNews .ul{ margin:0 -22px;}
.homeNews .l1{ float:left; padding:0 22px;}
.homeNews .img{ float:left; width:100%; line-height:0; position:relative; overflow:hidden;}
.homeNews .img time{ float:left; position:absolute; left:0; top:0; width:95px; line-height:31px; background:#959797; text-align:center; color:#fff; font-size:16px; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;}
.homeNews .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.homeNews .l1 a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.homeNews .info{ float:left; width:100%; position:relative; top:0; height:163px; background:#efefef;
-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;
}
.homeNews .tit1{ float:left; width:100%; color:#000000; font-size:21px; line-height:23px; height:46px; overflow:hidden; padding:0 30px; margin:23px 0 30px 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.homeNews .cont{ float:left; width:100%; color:#fff; font-size:16px; line-height:23px; height:69px; overflow:hidden;
opacity:0.5; filter:alpha(opacity=50); padding:0 30px; margin-bottom:19px; 

-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
display:none;

}
.homeNews .more{ float:left; width:100%; color:#999999; font-size:16px; line-height:62px; padding:0 30px; border-top:1px solid #e3e3e3; position:relative;}
.homeNews .more::after{ float:left; width:22px; height:13px; background:url(images/main18.png) right center no-repeat; content:''; position:absolute; right:30px; top:50%; margin-top:-6px;}

.homeNews .l1 a:hover .info{ background:#ab1032; margin-top:-92px; height:255px;}
.homeNews .l1 a:hover .tit1{ color:#fff; margin:35px 0 22px 0;}
.homeNews .l1 a:hover .cont{ display: -webkit-box;}
.homeNews .l1 a:hover .more{ color:#fff; border-top:1px solid #bc405b;}
.homeNews .l1 a:hover .more::after{ background:url(images/main19.png) right center no-repeat; }
.homeNews .l1 a:hover .img time{ background:#ab1032;}

.homeNews .slick-dots{ height:12px; position:static; margin-top:3%;}
.homeNews .slick-dots li{ background:#828282; width:12px; height:12px; margin:0 5px;text-indent:-9999px; vertical-align:top; border-radius:50%;}
.homeNews .slick-dots li.slick-active{ background:#ab1032;}


@media screen and (max-width:1229px) {
.homeNews .ul{ margin:0 -10px;}
.homeNews .l1{ padding:0 10px;}
.homeNews .img time{ font-size:14px;}
.homeNews .info{ height:117px;}
.homeNews .tit1{ padding:0 12px; font-size:18px;  line-height:22px; height:44px; margin:15px 0;}
.homeNews .cont{ padding:0 12px; font-size:14px;  line-height:21px; height:63px;}
.homeNews .more{ padding:0 12px; line-height:42px; font-size:14px;}
.homeNews .more::after{ right:12px;}
.homeNews .cont{ margin-bottom:10px;}
.homeNews .l1 a:hover .info{ margin-top:-63px; height:180px;}
.homeNews .l1 a:hover .tit1{ margin:15px 0 5px 0;}
}
@media screen and (max-width:1023px) {
.homeNews{ padding:4% 0 6% 0;}		
.homeNews .ul{ margin:0 -6px;}
.homeNews .l1{ padding:0 6px;}
.homeNews .img time{ font-size:12px; width:76px; line-height:24px;}
.homeNews .info{ height:101px;}
.homeNews .tit1{ font-size:16px;  line-height:22px; height:44px; margin:10px 0;}
.homeNews .more{ line-height:36px;}
.homeNews .l1 a:hover .info{ margin-top:-63px; height:171px;}
.homeNews .l1 a:hover .tit1{ margin:12px 0 5px 0;}

.homeNews .slick-dots{ height:10px;}
.homeNews .slick-dots li{width:10px; height:10px; margin:0 4px;}
}
@media screen and (max-width:767px) {
		
.homeNews .ul{ margin:0 -3px;}
.homeNews .l1{ padding:0 3px;}


}



/*homeCase*/
.homeCase{ float:left; width:100%; padding:6% 0 6% 0;}
.homeCase .cont{ float:left; width:24.66%;}
.homeCase .video{ float:left; width:100%; line-height:0; position:relative; background:#000000; padding-bottom:68.243%; overflow:hidden;}
.homeCase .video .fengmian{ float:left; width:100%;opacity:0.5; filter:alpha(opacity=50);}
.homeCase .video ._play{ float:left; width:42px; height:42px; position:absolute; left:50%; top:50%; margin:-21px 0 0 -21px; cursor:pointer;}
.homeCase .video video,
.homeCase .video p{  width:100%; position:absolute; left:0; top:0; height:100%;}
.homeCase .video p iframe{ width:100%; height:100%;}




.homeTit1{ height:131px; margin-top:7.43%; background:#464646; padding:12.16%; position:relative;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.homeTit1 .tit{ color:#fff;}
.homeTit1 .tit span{ color:#fff;}
.homeTit1 .tit span::after{ background:#fff;}
.homeTit1 .more{position:absolute; right:12.16%; bottom:37px;}
.homeTit1 .more a{ float:left; width:20px; height:20px; background:url(images/main22.png) center no-repeat; border:none; padding:0;}
.homeTit1 .more a:hover{ padding:0; background:url(images/main22.png) center no-repeat;}
.homeTit1:hover{ background:#ab1032;}
.hCaseList{ float:right; width:73.58%; height:355px; overflow:hidden;}
.hCaseList .hd{ float:left; width:100%;}
.hCaseList li{ float:left; width:90px; margin-left:1px; position:relative; background:#130f0f; height:355px; overflow:hidden;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.hCaseList li .img{ float:left; width:100%; height:355px;}
.hCaseList li .title{ display:none; float:left; width:100%; color:#fff; font-size:21px; line-height:31px; position:absolute; left:0; bottom:17px; padding:0 25px;}
.hCaseList li.on{ width:608px;}
.hCaseList li.on .title{ display:block;}
.hCaseList li.on .img{opacity:0.75; filter:alpha(opacity=75);}

@media screen and (max-width:1229px) {
.homeTit1{ height:112px;}	
.hCaseList{ height:298px;}
.hCaseList li{ height:298px;}
.hCaseList li .img{ height:298px;}	
.hCaseList li.on{ width:457px;}
.hCaseList li .title{ font-size:18px; padding:0 15px; line-height:28px; bottom:12px;}
}
@media screen and (max-width:1023px) {
.hCaseList{ width:100%; margin-top:3%;}
.homeCase .cont{ width:100%;}	
.hCaseList{ height:auto;}	
.hCaseList li{ height:auto;
-webkit-transition:none; 
-moz-transition:none; 
-o-transition:none; 
transition:none;  
}	
.hCaseList li.slick-slide{ background:#fff;}
.hCaseList li.slick-slide .img{opacity:0.50; filter:alpha(opacity=50);}
.hCaseList li.slick-current{ background:#000;}
.hCaseList li.slick-current .title{ display:block;}
.hCaseList li.slick-current .img{opacity:0.75; filter:alpha(opacity=75);}
.hCaseList li .img{ height:auto;}
.hCaseList li .title{ font-size:16px; padding:0 12px; line-height:26px; bottom:8px;}

.hCaseList .slick-dots{ height:10px; position:static; margin-top:3%;}
.hCaseList .slick-dots li{ float:none; background:#828282; width:10px; height:10px; margin:0 4px;text-indent:-9999px; vertical-align:top; border-radius:50%;}
.hCaseList .slick-dots li.slick-active{ background:#ab1032;}

.homeCase .video ._play{ width:30px; height:30px; margin:-15px 0 0 -15px;}
.homeTit1{ height:auto; padding:15px 12px; margin-top:3%;}
.homeTit1 .more{ right:12px; bottom:12px;}
}
/*@media screen and (max-width:767px) {
.homeCase .video{ height:160px; overflow:hidden;}
}*/

/* 分页 */
.wack1{ float:left; width:100%; padding:4.41% 0 5% 0; text-align:center;}
.pz_fy{ display:inline-block; *display:inline; *zoom:1;}
.pz_fy a { float:left; width:30px; height:30px; line-height:30px;  background:#f5f5f5; color:#999999; font-size:14px; margin:0 2px;}
.pz_fy a:hover,
.pz_fy a.on{color:#fff; background-color:#ab1032;}
.pz_fy .l_fy{ background:url(images/h_img.png) 0 -30px no-repeat #f5f5f5;}
.pz_fy .r_fy{ background:url(images/h_img.png) -30px -30px no-repeat #f5f5f5;}
.pz_fy .l_fy2{ background:url(images/h_img.png) -60px -30px no-repeat #f5f5f5;}
.pz_fy .r_fy2{ background:url(images/h_img.png) -90px -30px no-repeat #f5f5f5;}
.pz_fy .l_fy.on,
.pz_fy .l_fy:hover{ background:url(images/h_img.png) 0 0 no-repeat #ab1032;}
.pz_fy .r_fy.on,
.pz_fy .r_fy:hover{ background:url(images/h_img.png) -30px 0 no-repeat #ab1032;}
.pz_fy .l_fy2.on,
.pz_fy .l_fy2:hover{ background:url(images/h_img.png) -60px 0 no-repeat #ab1032;}
.pz_fy .r_fy2.on,
.pz_fy .r_fy2:hover{ background:url(images/h_img.png) -90px 0 no-repeat #ab1032;}

@media  screen and (max-width:1023px){
.wack1{padding:5% 0;}	
.fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;}
.fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #ab1032; background:#ab1032; border-radius:0; overflow:hidden;}
.fy_pc span{ padding:5px 20px; color:#272727;}

}


/*新闻动态*/
.news_list1{ float:left; width:100%;}
.news_list1 li{ float:left; width:100%; background:#efefef; margin-top:30px; padding:30px 32px 30px 10px;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
}
.news_list1 li a{ float:left; width:100%; position:relative;}
.news_list1 li .time{ float:left; position:absolute; left:0; top:50%; margin-top:-58px; width:166px; height:116px; text-align:center; border-right:1px solid #e0e0e0;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.news_list1 li .time time{ float:left; width:100%; color:#c2c2c2; font-size:72px; line-height:64px; font-family:Arial; font-weight:bold; margin:0 0 14px 0;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.news_list1 li .time span{ float:left; width:100%; color:#4c4c4c; font-size:21px; line-height:21px; font-family:Arial;}
.news_list1 li .img{ float:left; width:276px; height:206px; line-height:0; overflow:hidden; position:absolute; right:0; top:0;}
.news_list1 li .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.news_list1 li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.news_list1 li .text{ float:left; width:100%; padding:0 356px 0 207px; min-height:206px;}
.news_list1 li .text h5{ float:left; width:100%; color:#333333; font-size:21px; line-height:31px; margin:48px 0 22px 0;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
}
.news_list1 li .text p{ float:left; width:100%; color:#777777; font-size:16px; line-height:23px; height:46px; 
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;  
 }
.news_list1 li:hover{ box-shadow:0 5px 10px rgba(0,0,0,.15);}
.news_list1 li:hover .text h5{ color:#ab1032;}
.news_list1 li:hover .time time{ color:#ab1032;}

@media  screen and (max-width:1229px){
.news_list1 li .text{padding:0 296px 0 197px; min-height:190px;}
.news_list1 li .img{ width:255px; height:190px;}
.news_list1 li .text h5{ font-size:18px; line-height:28px; margin:40px 0 22px 0;}
.news_list1 li .text p{ font-size:14px;}
.news_list1 li .time{ height:100px; margin-top:-50px;}
.news_list1 li .time time{ font-size:60px; line-height:52px;}
}
@media  screen and (max-width:1023px){
.news_list1 li{ margin-top:15px; padding:15px 15px 15px 0;}
.news_list1 li .time{ width:120px; height:80px; margin-top:-40px;}
.news_list1 li .time time{ font-size:50px; line-height:42px; margin:5px 0;}
.news_list1 li .time span{ font-size:14px; line-height:14px;}
.news_list1 li .img{ width:130px; height:97px;}
.news_list1 li .text{ padding:0 160px 0 140px; min-height:97px;}
.news_list1 li .text h5{ font-size:16px; line-height:24px; margin:12px 0 5px 0;}
.news_list1 li .text p{ line-height:22px; height:44px;}

}
@media  screen and (max-width:767px){

.news_list1 li{ margin-top:10px; padding:8px;}
.news_list1 li .time{ display:none;}
.news_list1 li .img{ width:120px; height:90px;}
.news_list1 li .text{ padding:0 132px 0 4px; min-height:90px;}
.news_list1 li .text h5{ font-size:16px; line-height:24px; margin:10px 0 4px 0;}
.news_list1 li .text p{ line-height:20px; height:40px;}
.news_list1 li .text time{ display:block; float:left; width:100%; color:#c2c2c2; font-size:12px; line-height:22px; }

}

.news_list2{ float:left; width:100%; margin-top:4.25%;}
.news_list2 .l1{ width:100%; background:#efefef; position:relative;}
.news_list2 .l1::after{ float:left; width:10px; height:100%; position:absolute; left:41.66%; top:0; content:''; background:#fff;}
.news_list2 .img{ float:left; width:41.66%; line-height:0; overflow:hidden;}
.news_list2 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.news_list2 .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.news_list2 .cont{ float:right; width:58.34%; padding:0 38px 0 42px;}
.news_list2 .time{ float:left; width:100%; color:#4d4d4d; font-size:21px; line-height:64px; height:64px; margin:38px 0 29px 0;}
.news_list2 .time time{ display:inline-block; color:#c2c2c2; font-size:72px; font-family:Arial; font-weight:bold; padding-right:14px;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;
}
.news_list2 .title{ float:left; width:100%; color:#333333; font-size:21px; line-height:31px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
}
.news_list2 .info{ float:left; width:100%; color:#666666; font-size:16px; line-height:23px; height:69px; overflow:hidden;margin:13px 0 64px 0;}
.news_list2 .more{ float:left; width:100%; border-top:1px dashed #cccccc; line-height:65px; font-size:16px;}
.news_list2 .more span{ float:left; color:#666666; background:url(images/news2.png) right center no-repeat; padding-right:20px;}

.news_list2 .l1:hover{ box-shadow:0 5px 10px rgba(0,0,0,.15);}
.news_list2 .l1:hover .title{ color:#ab1032;}
.news_list2 .l1:hover .time time{ color:#ab1032;}
.news_list2 .l1:hover .more span{ color:#ab1032; background:url(images/news3.png) right center no-repeat;}
.news_list2 .slick-dots{ width:auto; left:auto; right:38px;bottom:25px; height:9px;}
.news_list2 .slick-dots li{ border:1px solid #ab1032; width:9px; height:9px; margin:0 0 0 9px;text-indent:-9999px; vertical-align:top;}
.news_list2 .slick-dots li.slick-active{ background:#ab1032;}

@media  screen and (max-width:1229px){
.news_list2 .time{ line-height:52px; height:52px; margin:38px 0 20px 0;}
.news_list2 .time time{ font-size:60px;}
.news_list2 .title{ font-size:18px; line-height:28px;}
.news_list2 .info{ font-size:14px; margin:13px 0 32px 0;}
.news_list2 .more{ line-height:56px; font-size:16px; font-size:14px;}

}
@media  screen and (max-width:1023px){
.news_list2 .l1::after{ width:5px;}	
.news_list2 .cont{padding:0 15px 0 20px;}	
.news_list2 .time{ font-size:14px; line-height:42px; height:42px; margin:20px 0 12px 0;}
.news_list2 .time time{ font-size:50px; padding-right:6px;}
.news_list2 .title{ font-size:16px; line-height:26px;}
.news_list2 .info{ font-size:14px; height:46px; margin:6px 0 18px 0;}
.news_list2 .more{ line-height:56px; font-size:16px; font-size:14px;}
.news_list2 .slick-dots{ right:15px;}

}
@media  screen and (max-width:767px){
.news_list2 .l1::after{ display:none;}
.news_list2 .img{ width:100%; height:160px; overflow:hidden;}
.news_list2 .cont{ width:100%;padding:12px 12px 0 12px;}
.news_list2 .time{ display:none;}
.news_list2 .info{ margin:3px 0 12px 0;}
.news_list2 .more{ line-height:42px;}
.news_list2 .slick-dots{ right:12px; bottom:16px;}
}


/*新闻动态详细*/
.news_det{ float:left; width:100%; margin:3.83% 0 4.25% 0;}
.news_det .l1{ float:left; width:100%; text-align:center; color:#333333; font-size:30px; line-height:40px;}
.news_det .l2{ float:left; width:100%;  margin-top:2.41%; border-bottom:1px solid #d7d8d8;  border-top:1px solid #d7d8d8; padding:8px 0;}
.news_det .l2 p{ float:left; color:#888888; font-size:14px; line-height:22px; margin:7px 0;}
.news_det .but1{ float:right; color:#fff; font-size:16px; line-height:37px; background:url(images/news6.png) 23px center no-repeat #ab1032; padding:0 25px 0 56px;}
.news_det .but1:hover{ box-shadow:4px 4px rgba(0,0,0,.15);}
.news_det .l3{ float:left; width:100%; color:#616161; font-size:16px; line-height:23px; padding:23px 0 30px 0;}

.news_det .l3 .rich_media_content{width: 60%; margin: 0 20%;}
@media  screen and (max-width:767px){
.news_det .l3 .rich_media_content{width: 100%; margin: 0;}
}

.sy_fy{ float:left; width:100%; padding:1.66% 0; border-top:1px solid #d7d8d8;}
.sy_fy a{ float:left; width:48%; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; color:#666666; font-size:16px; line-height:26px;}
.sy_fy a.r_fy{ float:right; text-align:right;}
.sy_fy a span{ color:#8b8b8b;}
.sy_fy a:hover,
.sy_fy a:hover span{ color:#ab1032;}

._htitle{ width:100%; float:left; font-size:21px; color:#ab1032; line-height:31px; margin-top:0.83%;}
.main_2{ width:100%; float:left;}
.main_2 ul{ width:100%; float:left; margin-top:1.66%;}
.main_2 ul li{ width:47.66%; float:left; border-bottom:solid 1px #d7d8d8; line-height:41px; font-size:16px;}
.main_2 ul li a{ float:left; width:100%; position:relative; padding-right:100px;}
.main_2 ul li h5{ float:left; width:100%; color:#333333;}
.main_2 ul li .time{ float:left; color:#777777; position:absolute; right:0; top:0;}
.main_2 ul li:nth-child(2n){ float:right;}
.main_2 ul li:hover h5{ color:#ab1032;}
.main_2 ul li:hover .time{ color:#ab1032;}

@media  screen and (max-width:1229px){

.news_det .l1{ font-size:24px; line-height:34px; }
.news_det .but1{ font-size:14px; background:url(images/news6.png) 12px center no-repeat #ab1032; padding:0 15px 0 40px;}
.news_det .l3{ font-size:14px;}
.sy_fy a{ font-size:14px; line-height:24px;}
._htitle{ font-size:18px; line-height:28px;}
.main_2 ul li{ font-size:14px;}

}
@media  screen and (max-width:767px){
.news_det{ margin:3.83% 0 5% 0;}	
.news_det .l1{ font-size:18px; line-height:28px; }
.news_det .l2{ position:relative; padding-right:120px;}
.news_det .l2 p{ margin:0; line-height:18px; font-size:13px;}	
.news_det .but1{ position:absolute; right:0; top:8px; line-height:32px;}
.news_det .l3{ padding:12px 0 15px 0;}	
.main_2 ul li{ width:100%;}
.main_2 ul li a{ padding-right:90px; line-height:36px;}
}



/*我们的案例详细*/
.news_det1 .l1{ float:left; width:100%; position:relative; border-bottom:1px solid #d4d4d4; padding:0.5% 160px 0.83% 0; text-align:left;}
.news_det1 .sp1{ display:block; color:#666666; font-size:16px; line-height:26px; margin-top:10px;}
.news_det1 .but1{ position:absolute; right:0; top:18px;}

@media  screen and (max-width:1229px){
.news_det1 .sp1{ margin-top:5px;}
.news_det1 .l1{ padding-right:120px;}
}
@media  screen and (max-width:767px){
.news_det .l1{ font-size:18px; line-height:28px; }
.news_det .l2{ position:relative; padding-right:120px;}
.news_det .l2 p{ margin:0; line-height:18px; font-size:13px;}	
.news_det .but1{ position:absolute; right:0; top:8px;}
.news_det .l3{ padding:12px 0 15px 0;}	
.main_2 ul li{ width:100%;}
.main_2 ul li a{ padding-right:90px; line-height:36px;}


.news_det1 .l1{ padding-right:0; text-align:center; padding-bottom:15px;}
.news_det1 .sp1{ text-align:left; padding-right:110px; margin-top:10px; font-size:14px;}
.news_det1 .but1{ top:36px;}
}

._htitle1{ color:#565656;}
._htitle1 span{ color:#ababab; font-size:16px; display:block; line-height:24px;}
@media  screen and (max-width:767px){
._htitle1 span{ font-size:14px; line-height:22px;}
}

.caseList{ float:left; width:100%; margin-top:0.83%;}
.caseList ul{ margin:0 -12px;}
.caseList li{ float:left; width:50%; padding:0 12px; margin-top:24px;}
.caseList li a{ float:left; width:100%; border:1px solid #dcdbe0; padding:31px 40px 39px 40px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.caseList li .title{ float:left; width:100%; color:#4f4f4f; font-size:21px; line-height:31px;}
.caseList li .cont{ float:left; width:100%; position:relative; min-height:131px; padding-left:204px; margin-top:17px;}
.caseList li .img{ float:left; width:174px; height:131px; line-height:0; overflow:hidden; position:absolute; left:0; top:0;}
.caseList li .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.caseList li a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.caseList li .info{ float:left; width:100%; color:#818181; font-size:16px; line-height:23px; height:46px; overflow:hidden; margin:15px 0 39px 0;}
.caseList li .more{ float:left; width:100%;}
.caseList li .more span{ float:right; color:#919191; font-size:16px; line-height:26px; padding-left:49px; position:relative;}
.caseList li .more span::after{ float:left; width:36px; height:1px; background:#b2b2b2; position:absolute; left:0; top:50%; content:'';}

.caseList li a:hover{ background:#ab1032; border:1px solid #ab1032;}
.caseList li a:hover .title{ color:#fff;}
.caseList li a:hover .info{ color:#fff;opacity:0.6; filter:alpha(opacity=60);}
.caseList li a:hover .more span{ color:#fff;}
.caseList li a:hover .more span::after{ background:#c45870;}

.caseList .slick-dots{ width:auto; left:auto; right:12px;top:-24px; height:9px;}
.caseList .slick-dots li{ background:#9e9e9e; width:9px; height:9px; padding:0; margin:0 0 0 13px;text-indent:-9999px; vertical-align:top;}
.caseList .slick-dots li.slick-active{ background:#ab1032;}

@media  screen and (max-width:1229px){
.caseList li a{ padding:15px 20px 20px 20px;}
.caseList li .title{ font-size:18px; line-height:28px;}
.caseList li .cont{ margin-top:12px; padding-left:190px;}
.caseList li .info{ font-size:14px; line-height:22px; height:44px;}
.caseList li .more span{ font-size:14px;}
}
@media  screen and (max-width:1023px){
.caseList ul{ margin:0 -6px;}
.caseList li{ padding:0 6px; margin-top:12px;}
.caseList li a{ padding:10px 12px 15px 12px;}	
.caseList li .img{ width:120px; height:90px;}
.caseList li .title{ font-size:16px; line-height:26px;}
.caseList li .cont{ padding-left:132px; min-height:90px; margin-top:5px;}
.caseList li .info{ margin:5px 0 10px 0;}

.caseList .slick-dots{right:6px;top:-24px;}
.caseList .slick-dots li{margin:0 0 0 8px;}

}
@media  screen and (max-width:767px){
.caseList li{ width:100%;}
}

/*我们的案例*/
.newsCont1{ float:left; width:100%; margin-top:4.33%; background:#ab1032; position:relative;}
.newsCont1::after{ float:left; width:0; height:0; position:absolute; left:46.5%; margin:-11px 0 0 -1px; top:50%; content:''; border-top: 11px solid transparent; border-bottom:11px solid transparent;border-left:11px solid #ab1032;}
.newsCont1 .info{ float:left; width:46.5%; padding:6.3% 5.5% 3% 5.5%; position:relative;}
.newsCont1 .tit1{ float:left; width:100%; color:#fff; font-size:30px; line-height:40px;}
.newsCont1 .tit2{ float:left; width:100%; color:#fff; font-size:28px; line-height:40px; font-weight:bold; position:relative; padding:2px 0 7.35% 0;}
.newsCont1 .tit2::after{ float:left; width:33px; height:3px; background:#fff; position:absolute; left:0; bottom:0; content:'';}
.newsCont1 .tit3{ float:left; width:100%; color:#fff; font-size:16px; line-height:26px; margin-top:7.35%;}
.newsCont1 .img{ float:right; width:53.5%; line-height:0;}

.newsCont2{ float:left; width:100%; color:#333333; font-size:16px; line-height:23px; margin:3.08% 0 1% 0;}
@media  screen and (max-width:1229px){
.newsCont2{ font-size:14px;}
.newsCont1 .tit1{ font-size:24px; line-height:34px;}
.newsCont1 .tit2{ font-size:22px; line-height:34px;}
.newsCont1 .tit2::after{ height:2px;}

}
@media  screen and (max-width:1023px){
.newsCont1 .info{ padding:4% 15px;}
.newsCont1 .tit1{ font-size:18px; line-height:28px;}
.newsCont1 .tit2{ font-size:18px; line-height:28px; padding:0 0 12px 0}
.newsCont1 .tit3{ font-size:14px; line-height:24px; margin-top:10px;}

}
@media  screen and (max-width:767px){
.newsCont1::after{ display:none;}	
.newsCont1 .info{ padding:15px; width:100%;}
.newsCont1 .info::after{ float:left; width:0; height:0; position:absolute; left:50%; margin-left:-11px; bottom:-11px; content:''; border-left: 11px solid transparent; border-right:11px solid transparent;border-top:11px solid #ab1032;}
.newsCont1 .img{ width:100%; height:160px; overflow:hidden;}
}


/*联系我们*/
.Contact_1{ float:left; width:100%; padding:4.33% 0 4.16% 0;}
.bdmap{ float:right; width:48.18%; height:auto; }
.contact_tx{ float:left; width:48.75%;}
.contact_tx .l2{ float:left; width:100%; color:#ab1032; font-size:30px; line-height:40px;}
.contact_tx .l3{ float:left; width:100%; color:#333333; font-size:16px; line-height:16px; text-transform:uppercase; margin:5px 0 30px 0;}
.contact_tx .tx2{ float:left; width:100%;border-top:1px dashed #999999; border-bottom:1px dashed #999999; padding:26px 0;}
.contact_tx .tx2 .p1{ float:left; width:100%; color:#333333; font-size:16px; line-height:24px; margin:14px 0; padding-left:37px; position:relative;}
.contact_tx .tx2 .p1 a{ color:#333333}
.contact_tx .tx2 .p1 .ico{ position:absolute; top:2px; left:0;}
.contact_tx .tx3{ float:left; width:100%; margin-top:40px; position:relative;}
.contact_tx .tx3 i{ float:left; border:1px solid #dbdbdb; padding:8px; background:#fff; width:140px; line-height:0;}
.contact_tx .tx3 .er{ float:left;color:#aabdd9; font-size:14px; line-height:30px; margin:60px 0 0 19px;}
.contact_tx .tx3 .er .sp1{ display:block; color:#3a3a3a; font-size:16px; line-height:26px;}
.contact_tx .tx3 .er .sp2{ display:block; color:#464646; font-size:16px; line-height:26px;}
.contact_tx .tx3 .er .sp3{ display:block; color:#999999; font-size:16px; line-height:26px;}


@media  screen and (max-width:1229px){
.bdmap{ height:450px;}	
.contact_tx{ width:48%;}
.contact_tx .l2{ font-size:24px; line-height:34px;}	
.contact_tx .l3{ margin:9px 0 25px 0;}
.contact_tx .tx2 .p1{ margin:8px 0; padding-left:25px; font-size:14px;}
.contact_tx .tx2 .p1 .sp { font-size:17px;}
.contact_tx .tx3{ margin-top:30px;}
.contact_tx .tx3 i{ width:120px;}
.contact_tx .tx3 .er{ margin:50px 0 0 15px; width:340px;}
.contact_tx .tx3 .er .sp1,
.contact_tx .tx3 .er .sp2,
.contact_tx .tx3 .er .sp3{ font-size:13px; line-height:22px;}

}
@media  screen and (max-width:1023px){
.bdmap{ width:100%; margin-top:15px; height:auto;}
.contact_tx{ width:100%;}
.contact_tx .l2{ font-size:20px; line-height:28px;}
.contact_tx .l3{ margin:2px 0 10px 0;}
.contact_tx .tx2{ padding:15px 0;}
.contact_tx .tx2 .p1{ margin:5px 0; font-size:13px;}
.contact_tx .tx2 .p1 .sp{ font-size:15px;}
.contact_tx .tx3{ margin-top:15px;}
}
@media  screen and (max-width:767px){
.contact_tx .tx3 .er{ margin:30px 0 0 15px; width:200px;}

}
@media  screen and (max-width:374px){
.contact_tx .tx3 i{ width:100px; padding:5px;}	
.contact_tx .tx3 .er{ margin:10px 0 0 13px; width:175px;}

}

.conTit{ float:left; width:100%; color:#333333; font-size:21px; line-height:21px; border-bottom:1px solid #e6e5e5; padding-bottom:1.75%;}
.contAddr{ float:left; width:100%; margin:2.08% 0 3.41% 0;}
.contAddr ul{ margin:0 -24px;}
.contAddr li{ float:left; width:50%; padding:18px 24px;}
.contAddr .la{ float:left; width:100%; background:#f5f5f5; padding:20px 16px 20px 162px; position:relative; min-height:166px;}
.contAddr .img{ float:left; width:126px; height:126px; line-height:0; overflow:hidden; position:absolute; left:16px; top:20px;}
.contAddr .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.contAddr .la:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.contAddr .name{ float:left; width:100%; color:#333333; font-size:21px; line-height:31px; margin:2px 0 9px 0;}
.contAddr .addr{ float:left; width:100%; color:#555555; font-size:16px; line-height:23px;}

.contAddr .la:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.15);}
.contAddr .la:hover .name{ color:#ab1032;}


@media  screen and (max-width:1229px){
.contAddr ul{ margin:0 -12px;}
.contAddr li{ padding:10px 12px;}
.contAddr .name{ font-size:18px; line-height:28px;}
.contAddr .addr{ font-size:14px; line-height:22px;}
}
@media  screen and (max-width:1023px){
.contAddr ul{ margin:0 -6px;}
.contAddr li{  padding:5px 6px;}
.contAddr .la{ padding:10px 10px 10px 142px; min-height:140px;}
.contAddr .img{ left:10px; top:10px; width:120px; height:120px;}
.contAddr .name{ font-size:16px; line-height:26px; margin:0 0 3px 0;}
}
@media  screen and (max-width:767px){
.contAddr li{ width:100%;}

}
@media  screen and (max-width:374px){
.contAddr li{ width:100%;}
.contAddr .la{ padding:8px;}
.contAddr .img{ position:static; width:100%; margin-bottom:2%;}

}


/*解决方案*/
.SoluTit{ float:left; width:100%; text-align:center; padding:4.16% 0 3.16% 0;}
.SoluTit .tit1{ float:left; width:100%; color:#f2f2f2; font-size:30px; line-height:40px; font-weight:bold; text-transform:uppercase; letter-spacing:2px;}
.SoluTit .tit2{ float:left; width:100%; color:#ab1032; font-size:30px; line-height:40px;}
.Solut1{ float:left; width:100%; background:#f5f5f5; overflow:hidden;}
.Solut1 .img{ float:left; width:44.16%; line-height:0; overflow:hidden; padding:2.5%;}
.Solut1 .info{ float:left; width:55.84%; color:#333333; font-size:16px; line-height:23px; padding: 5.5% 2.5% 2.5% 0;}

@media  screen and (max-width:1229px){
.Solut1 .info{ font-size:14px; line-height:22px;}
.SoluTit .tit1{ font-size:24px; line-height:32px;}
.SoluTit .tit2{ font-size:24px; line-height:32px;}
}
@media  screen and (max-width:1023px){
.SoluTit .tit1{ font-size:20px; line-height:28px;}	
.SoluTit .tit2{ font-size:18px; line-height:26px;}	
.Solut1{ padding:12px;}	
.Solut1 .img{ width:100%; padding:0;}
.Solut1 .info{ width:100%; padding:0; margin-top:12px;}
}
@media  screen and (max-width:1023px){
.Solut1 .img{ height:160px; overflow:hidden;}
}


.SolutList{ float:left; width:100%; margin:3.16% 0 2.5% 0;} 
.SolutList ul{ margin:0 -15px;}
.SolutList li{ float:left; width:50%; padding:11px 15px;}
.SolutList li a{ float:left; width:100%; position:relative; background:#f5f5f5; padding:34px 30px 37px 124px;}
.SolutList li .img{ float:left; width:64px; height:54px; position:absolute; left:30px; top:50%; margin-top:-27px;}
.SolutList li .img img{
-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.SolutList li .img .ico1{ position:relative; left:0; top:0;}
.SolutList li .img .ico2{ position:absolute; left:0; top:0;opacity:0; filter:alpha(opacity=00);}
.SolutList li .title{ float:left; width:100%; color:#ab1032; font-size:21px; line-height:23px;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.SolutList li .info{ float:left; width:100%; color:#444444; font-size:16px; line-height:18px;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.SolutList li a:hover{ background:#ab1032;}
.SolutList li a:hover .title{ color:#fff;}
.SolutList li a:hover .info{ color:#fff;}
.SolutList li a:hover .img .ico1{opacity:0; filter:alpha(opacity=00);}
.SolutList li a:hover .img .ico2{opacity:1; filter:alpha(opacity=100);}

.jiazai{ float:left; width:100%; color:#5b5b5b; font-size:16px; line-height:34px; margin-bottom:4.5%; text-align:center;}
.jiazai a{ color:#5b5b5b; display:inline-block; vertical-align:top; padding-left:51px; background:url(images/Solut9.png) left center no-repeat;}

@media screen and (max-width:1023px) {
.SolutList ul{ margin:0 -6px;}
.SolutList li{ padding:5px 6px;}
.SolutList li .img{ width:43px; height:36px; margin-top:-18px; left:12px;}
.SolutList li a{  padding:15px 15px 15px  70px;}
.SolutList li .title{ font-size:18px; line-height:20px;}
.SolutList li .info{ font-size:14px; line-height:18px;}
.jiazai{ line-height:24px;}
.jiazai a{ font-size:14px; padding-left:32px; background-size:22px 22px;}
}
@media screen and (max-width:767px) {
.SolutList li{ width:100%;}

}






/*解决方案详细*/
.SolutDet{ float:left; width:100%; border:1px solid #f0f0f0; margin:2.5% 0;}
.SolutDet .hd{ float:left; width:100%; border-bottom:1px solid #f0f0f0; height:45px;}
.SolutDet .hd li{ float:left; width:134px; color:#ab1032; font-size:16px; line-height:43px; text-align:center; border-right:1px solid #f0f0f0; border-bottom:2px solid #ab1032;}
.SolutDet .bd{ float:left; width:100%; color:#808080; font-size:16px; line-height:23px; padding:3.08% 2.5% 6.33% 2.5%;}
.SolutRenter{float:left; width:100%; margin-bottom:1.25%;}
.SolutRenter .but1{ float:right; color:#fff; font-size:16px; line-height:37px; background:url(images/news6.png) 23px center no-repeat #ab1032; padding:0 25px 0 56px;}
.SolutRenter .but1:hover{ box-shadow:4px 4px rgba(0,0,0,.15);}
@media  screen and (max-width:1229px){
.SolutRenter .but1{ font-size:14px; background:url(images/news6.png) 12px center no-repeat #ab1032; padding:0 15px 0 40px;}
.SolutDet .bd{ font-size:14px;}
}
@media  screen and (max-width:767px){
.SolutDet{ margin:4% 0;}	
.SolutRenter .but1{ line-height:32px;}
}

.SolutTab{ float:left; width:100%; margin:23px 0 5.08% 0;}
.SolutTab .ul{ margin:0 -26px;}
.SolutTab .l1{ margin:0 26px;}
.SolutTab .l1 a{ float:left; width:100%;}
.SolutTab .l1 .img{ float:left; width:100%; line-height:0; overflow:hidden; border:1px solid #eeeeee;}
.SolutTab .l1 .info{ float:left; width:100%; background:#eeeeee; margin-top:1px; padding:15px 5% 26px 5%;}
.SolutTab .l1 .info .p1{ float:left; width:100%;}
.SolutTab .l1 .info .sp1{ float:left; width:100%; color:#595959; font-size:14px; line-height:28px; text-align:center; padding:0 1%;}
.SolutTab .l1 .info .p2{ float:left; width:100%;}
.SolutTab .l1 .info .sp2{ float:left; width:100%; margin:0.98% 0; color:#717171; font-size:14px; line-height:27px; text-align:center; background:#d3d3d3;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease; padding:0 1%;}
.SolutTab .l1 a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.15);}
.SolutTab .l1 a:hover .info .sp2{ color:#fff; background:#ab1032;}

.SolutTab .slick-dots{ width:auto; left:auto; right:26px;top:-39px; height:9px;}
.SolutTab .slick-dots li{ background:#9e9e9e; width:9px; height:9px; padding:0; margin:0 0 0 13px;text-indent:-9999px; vertical-align:top;}
.SolutTab .slick-dots li.slick-active{ background:#ab1032;}

@media  screen and (max-width:1229px){
.SolutTab .ul{ margin:0 -12px;}
.SolutTab .l1{ margin:0 12px;}
.SolutTab .slick-dots{ right:12px;}
}
@media  screen and (max-width:1023px){
.SolutTab{ margin:10px 0 5.08% 0;}	
.SolutTab .ul{ margin:0 -6px;}
.SolutTab .l1{ margin:0 6px;}
.SolutTab .l1 .info{padding:7px 12px 13px 12px;}
.SolutTab .slick-dots{ right:6px; top:-25px;}
.SolutTab .slick-dots li{ margin:0 0 0 8px;}
}
@media  screen and (max-width:767px){
.SolutTab .ul{ margin:0 -4px;}
.SolutTab .l1{ margin:0 4px;}
.SolutTab .l1 .info{padding:5px 2px;}
.SolutTab .l1 .info .sp1{ font-size:12px;}
.SolutTab .l1 .info .sp2{ font-size:12px;}
.SolutTab .l1 .img{ padding:0 20%;}

.SolutTab .slick-dots{position:initial; margin-top:10px; height:auto; top:auto; bottom:0;}

}


.SolutScorll{ float:left; width:100%; margin-top:4.52%; text-align:center; padding:0 21.16%;}
.SolutScorll .img{ float:left; width:100%; position:relative; line-height:0;}
.SolutScorll .title{ float:left; width:100%; position:relative; line-height:31px; font-size:21px; color:#4c4c4c; padding:16px 0 19px 0;}
.SolutScorll .title::after{ float:left; width:41px; height:2px; background:#ab1032; position:absolute; left:50%; bottom:0; content:''; margin-left:-20px;}
.SolutScorll .slick-prev,
.SolutScorll .slick-next{width:21.16%; height:174px; left:0; top:50%; margin-top:-120px; background:url(images/Solut12.png) center no-repeat #f5f5f5;}
.SolutScorll .slick-next{ left:auto; right:0; background:url(images/Solut13.png) center no-repeat #f5f5f5;}
.SolutScorll .slick-prev:hover{ background:url(images/Solut12_1.png) center no-repeat #f5f5f5;}
.SolutScorll .slick-next:hover{ background:url(images/Solut13_1.png) center no-repeat #f5f5f5;}
@media  screen and (max-width:1229px){
.SolutScorll .slick-prev,
.SolutScorll .slick-next{ height:140px; margin-top:-103px; }
}

@media  screen and (max-width:1023px){
.SolutScorll{ padding:0 20%;}
.SolutScorll .slick-prev,
.SolutScorll .slick-next{width:20%; height:80px; background-size:11px 20px; margin-top:-63px;}
.SolutScorll .slick-prev:hover,
.SolutScorll .slick-next:hover{ background-size:11px 20px;}
.SolutScorll .title{ font-size:18px; line-height:28px; padding:8px 0 10px 0;}
}
@media  screen and (max-width:1023px){
.SolutScorll{ padding:0 15%;}
.SolutScorll .slick-prev,
.SolutScorll .slick-next{width:15%; height:50px; background-size:11px 20px; margin-top:-48px;}

}


/*产品分类*/
._PorList{ float:left; width:100%; padding:2.66% 0;}
._PorList .ul{ margin: 0 -13px;}
._PorList .l1{ float:left; width:33.33%; padding:13px;}
._PorList .l1 a{ background:#f7f7f7; height:auto; padding:76px 10px 88px 10px; text-align:center;}
._PorList .l1 .img{ display:inline-block; vertical-align:top; position:relative; line-height:0;}
._PorList .l1 .img img{ height:71px;}
._PorList .l1 .img .ico1{ position:relative;opacity:1; filter:alpha(opacity=100); }
._PorList .l1 .img .ico2{ position:absolute; left:0; top:0;opacity:0; filter:alpha(opacity=000); }
._PorList .l1 .info{ width:100%; text-align:center;}
._PorList .l1 .tit1{ margin:16px 0 4px 0;}
._PorList .l1 .tit3{ display:inline-block; vertical-align:top; margin-top:20px;}

._PorList .l1 a:hover .img .ico2{ opacity:1; filter:alpha(opacity=100); }
._PorList .l1 a:hover .img .ico1{ opacity:0; filter:alpha(opacity=000); }

@media screen and (max-width:1023px) {
._PorList .ul{ margin: 0 -6px;}
._PorList .l1{ padding:6px;}
._PorList .l1 a{ height:auto; padding:38px 10px 44px 10px;}
._PorList .l1 .img img{ height:50px;}
._PorList .l1 .tit1{ margin:4px 0 2px 0;}
._PorList .l1 .tit3{ margin-top:5px;}
}
@media screen and (max-width:767px) {
._PorList .ul{ margin: 0 -4px;}
._PorList .l1{ padding:4px; width:50%;}
._PorList .l1 a{ height:auto; padding:20px 10px 26px 10px;}

}

/*克林贝格*/
.abouTit{ float:left; width:100%; text-align:center;}
.abouTit .tit{ float:left; width:100%; color:#424242; font-size:30px; line-height:30px; margin-bottom:8px; text-transform:uppercase;} 
.abouTit .info{ float:left; width:100%; color:#818181; font-size:16px; line-height:18px; margin-top:8px;} 
.abouTit .ico{ float:left; width:100%; line-height:0; margin-top:10px;}
.abouTit .ico img{ height:32px;}
.about1{ float:left; width:100%; padding:2.6% 0;}
.about_1{ float:left; width:100%; margin-top:4.75%;}
.about_1 .info1{ float:left; width:68%; color:#333333; font-size:16px; line-height:24px; margin-top:8px;}
.about_1 .l1{ float:right; width:28.25%;}
.about_1 .years{ float:left; width:100%; background:#f5f5f5; text-align:center; padding:30px 12px 31px 12px; margin-top:8px;}
.about_1 .p1{ float:left; width:100%; color:#1c2549; font-size:40px; line-height:40px; font-weight:bold;}
.about_1 .p1 span{ display:inline-block; vertical-align:top; margin-left:10px; margin-top:8px; font-weight:normal; width:27px; height:27px; line-height:27px; background:#1c2549; border-radius:50%; color:#fff; font-size:18px;}
.about_1 .p2{ float:left; width:100%; color:#898989; font-size:16px; line-height:26px; margin-top:10px;}

@media screen and (max-width:1229px) {
.abouTit .tit{font-size:24px; line-height:24px; margin-bottom:8px; } 
.abouTit .info{ font-size:16px; line-height:18px; margin-top:8px;} 
.abouTit .ico img{ height:26px;}	
.about_1 .info1{ font-size:14px;}
}
@media screen and (max-width:1023px) {
.about1{ padding:5% 0;}	
.abouTit .tit{font-size:18px; line-height:18px; margin-bottom:4px; } 
.abouTit .info{ font-size:14px; line-height:16px; margin-top:4px;} 
.abouTit .ico{ margin-top:5px;}
.abouTit .ico img{ height:20px;}	
.about_1 .p1{ font-size:30px; line-height:30px;}
.about_1 .p1 span{ font-size:13px; width:22px; height:22px; line-height:20px; margin-top:5px; margin-left:6px;}
.about_1 .p2{ font-size:14px;}
}
@media screen and (max-width:767px) {
.about_1 .info1{ width:100%; margin-top:0;}
.about_1 .l1{ width:100%; margin-top:3%;}
.about_1 .years{ padding:10px 12px; width:32.33%; margin:0 0.5%;}
.about_1 .p1{ font-size:24px;}
.about_1 .p1 span{font-size:12px; width:22px; height:22px; line-height:20px; margin-top:5px; margin-left:0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8);transform: scale(0.8);}
.about_1 .p2{ margin-top:2px; line-height:18px; height:36px;}
}
@media screen and (max-width:374px) {
.about_1 .years{ width:100%; margin:3px 0;}
.about_1 .p2{ height:auto;}
}



/*about2*/
.about2{ float:left; width:100%; background:url(images/about7.jpg) center top no-repeat; padding:3.95% 0 2.6% 0;}
.about_2{ float:left; width:100%; background:#ffffff; box-shadow:0 11px 24px rgba(0,0,0,0.2); margin-top:3.58%; padding:3.83%; color:#727272; font-size:16px; line-height:23px;}
.about_2 .info{ float:left; width:100%;}
.about_2 .img{ float:left; width:100%; line-height:0; margin-top:2.8%;}
.about_2 .img .ico{ float:left; width:29.7%; margin-right:5.45%;}
.about_2 .img .ico:nth-child(3n){ margin-right:0;}

@media screen and (max-width:1229px) {
.about_2{ font-size:14px;}
.about_2 .img .ico{ width:32%; margin-right:2%;}
}
@media screen and (max-width:1023px) {
.about2{ padding:5% 0; background-size:100% 50%;}	
.about_2{ padding:12px;box-shadow:0 5px 10px rgba(0,0,0,0.15);}	
.about_2 .img .ico{ width:33%; margin-right:0.5%;}
}

/*about4*/
.about4{ float:left; width:100%; background:url(images/about0.jpg) center repeat; padding:2.86% 0 3.85% 0;}
.about_4{ float:left; width:100%; color:#727272; font-size:16px; line-height:23px; margin-top:2.66%;}
.about_4 .sp1{ color:#333333; font-size:21px;}
@media screen and (max-width:1229px) {
.about4{ padding:5% 0;}	
.about_4{ font-size:14px;}
.about_4 .sp1{ font-size:18px;}
}

/*about5*/
.about5{ float:left; width:100%; padding:2.5% 0 3.07% 0;}
.about_5{ float:left; width:100%; color:#727272; font-size:16px; line-height:23px; margin-top:3.33%;}
.about_5 .info{ float:left; width:100%; margin-top:3.75%;}
.about_5 .img{ float:left; width:100%;}
.about_5 .ul{ margin:0 -32px;}
.about_5 .l1{ float:left; width:25%; padding:0 32px; margin-top:12px;}
.about_5 .l1 .ico{ width:100%; margin-bottom:20px;}
.about_5 .l1 .tit1{ float:left; width:100%; line-height:24px;}

@media screen and (max-width:1229px) {
.about4{ padding:5% 0;}	
.about_5{ font-size:14px;}
.about_5 .ul{ margin:0 -15px;}
.about_5 .l1{ padding:0 15px; margin-top:12px;}
}
@media screen and (max-width:1023px) {
.about_5 .ul{ margin:0 -6px;}
.about_5 .l1{ padding:0 6px;}
.about_5 .l1 .ico{ margin-bottom:5px;}
}
@media screen and (max-width:767px) {
.about_5 .ul{ margin:0 -3px;}
.about_5 .l1{ width:50%; padding:0 3px;}
.about_5 .l1 .tit1{ height:24px; overflow:hidden;}
}


/*about_3*/
.about_3{ float:left; width:100%; margin:4.75% 0 4.16% 0; position:relative; padding:0 34px;}
.about_3::after{ float:left; width:100%; height:1px; background:#c2c2c2; position:absolute; left:0; top:50%; z-index:6; content:''; z-index:1;}
.about_3 .ul1{ float:left; width:100%; position:relative; z-index:8;}
.about_3 .slick-list{ float:left; width:100%; position:relative; z-index:6;}
.about_3 .slick-next,
.about_3 .slick-prev{ width:55px; height:110px; margin-top:-55px; left:-81px; background:url(images/ab24_1.png) center no-repeat; background-size:100% 100%;}
.about_3 .slick-next{ background:url(images/ab23_1.png) center no-repeat; background-size:100% 100%; left:auto; right:-81px;}
.about_3 .slick-next:hover{ background:url(images/ab23.png) center no-repeat; background-size:100% 100%;}
.about_3 .slick-prev:hover{ background:url(images/ab24.png) center no-repeat; background-size:100% 100%;}
.about_3 .li{ float:left; width:218px; margin-right:-61px;}
.about_3 .li .info{ float:left; width:100%; height:219px; padding-left:24px; background:url(images/ab22.png) left top no-repeat; position:relative; z-index:1;}
.about_3 .li .info .p1{ float:left; width:100%; color:#424242; font-size:16px; line-height:23px; margin:10px 0 3px 0;}
.about_3 .li .info .p2{ float:left; width:70%; color:#282828; font-size:16px; line-height:23px;}
.about_3 .li .years{ float:left; width:100px; height:100px; background:#fff; background:rgba(255,255,255,0.21); border-radius:50%; box-shadow:0 0 12px rgba(171,171,171,0.38); position:relative; z-index:6;top:0; margin-top:-50px; margin-left:22px;}
.about_3 .li .years span{ float:left; width:80px; height:80px; border:1px solid #fff; text-align:center; color:#fff; font-size:24px; font-weight:bold; font-family:Arial; line-height:78px; background:#1c2549; border-radius:50%; box-shadow:0 0 12px rgba(171,171,171,0.38); margin:10px;}

.about_3 .ln2{ margin-top:169px;}
.about_3 .ln2 .info{ background:url(images/ab21.png) left top no-repeat; padding-top:80px; margin-top:-50px;}
.about_3 .ln2 .years{ margin-top:0;}
@media  screen and (max-width:1440px){
.about_3 .slick-next,
.about_3 .slick-prev{ left:-45px;}
.about_3 .slick-next{ left:auto; right:-45px;}

}
@media  screen and (max-width:1023px){
.about_3 .slick-next,	
.about_3 .slick-prev{ width:28px; height:56px; margin-top:0; top:auto; bottom:5px;}
.about_3 .li{ margin-right:0; position:relative; padding-bottom:20px; margin-bottom:5px;}
.about_3 .li .years{ width:66px; height:66px; margin-top:0; margin-left:12px; position:absolute; left:0; top:auto; bottom:0;}
.about_3 .li .years span{ width:56px; height:56px; font-size:18px; line-height:60px; margin:5px;}
.about_3 .li .info .p2{ width:90%; font-size:13px; line-height:22px;}
.about_3 .ln2{ margin-top:0;}
.about_3 .ln2 .info{ padding-top:0; margin-top:0; background:url(images/ab22.png) left top no-repeat;}
.about_3:after{ top:auto; bottom:33px;}
}
@media  screen and (max-width:1023px){

}













/*1部门介绍*/
.department{ float: left; width: 100%;margin-top: 5px;}
h2.departmentTit{ float: left; width: 100%; color:#ab1032; font-size:30px; line-height: 30px; padding: 60px 0 35px 0;}
h2.departmentTit span{ font-size:14px; color:#818181; line-height: 20px; text-transform: uppercase;}
.departmentInfor{ float:left; width: 100%; background:#f9f9f9;}
.departmentInfor .leftImg{ float: left; width:37.1666%;font-size:0; line-height: 0;}
.departmentInfor .leftImg img{ width: 100%;}
.departmentInfor .rightText{ float: left; width:62.8334%; padding: 5% 7%;}
.departmentInfor .rightText h4{ display: block; color:#ab1032; font-size:24px; line-height: 40px; font-weight: bold; text-transform: uppercase; margin-top: 26px;}
.departmentInfor .rightText h6{display: block; width: 100%; color:#1f262c; font-size:21px; line-height: 60px; padding-bottom: 10px;}
.departmentInfor .rightText div{ display: block; width: 100%; color:#323c43; font-size:16px; line-height: 24px;}

@media screen and (max-width:1229px ) {
    h2.departmentTit{font-size:26px; padding: 50px 0 25px 0}
    .departmentInfor .rightText{ padding: 4% 5%;}
    .departmentInfor .rightText img{ width: 40px;}
    .departmentInfor .rightText h4{ font-size:20px; margin-top: 18px;}
    .departmentInfor .rightText h6{ font-size:18px; line-height: 50px;}
    .departmentInfor .rightText div{ font-size:14px; line-height: 22px;}
}
@media screen and (max-width:1023px ) {
    h2.departmentTit{ font-size:22px; padding: 30px 0 15px 0; line-height: 24px;}
    h2.departmentTit span{ font-size:12px;}
    .departmentInfor .rightText{padding: 3% 4%;}
    .departmentInfor .rightText img{width: 30px;}
    .departmentInfor .rightText h4{ font-size:20px; margin-top: 0;}
    .departmentInfor .rightText h6{ font-size:16px; line-height:20px;}
    .departmentInfor .rightText div{ font-size:12px; line-height: 18px;}
}
@media screen and (max-width:767px ) {
    .departmentInfor .leftImg{ width: 100%;}
    .departmentInfor .rightText{ width: 100%; padding: 4%;}
    h2.departmentTit{ font-size:20px; padding: 20px 0 15px 0;}
}

.departmentOffices{ float: left; width: 100%; position: relative;}
.departmentMap{ float: left; width: 50%; padding-right:20px;}
.departmentMap img{ width: 100%;}
.departmentTextIntroduction{ float: left; width:45%; margin-left: 5%;}
.departmentCity{ position: absolute; left: 0; top:51.5%; width: 50%;padding-right:20px;}
.departmentCity ul{ float: left; width: 100%;}
.departmentCity ul li{ float: left; width: 100%; padding-left: 64%;}
.departmentCity span{ font-size:16px; line-height: 26px; color: #0d0d0d; padding-right: 13px; font-weight: bold; position: relative; cursor: pointer}
.departmentCity span::after,
.departmentCity span:after{ position: absolute; content: ''; width: 10px; height: 10px; background: #98989a; right: 0; top:8px; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.departmentCityInfor{ float: left; width: 100%;}
.departmentCity li:nth-child(2){ padding: 11% 0 0 60%;}
.departmentCity li:nth-child(2) span{ padding: 0 0 0 13px;}
.departmentCity li:nth-child(2) span::after,
.departmentCity li:nth-child(2) span:after{ left: 0; right:auto;}
.departmentCity li:nth-child(3){ padding: 0 0 0 86%;}
.departmentCity li:nth-child(3) span{ padding: 0 0 0 13px;}
.departmentCity li:nth-child(3) span::after,
.departmentCity li:nth-child(3) span:after{ left: 0; right:auto;}
.departmentCity li:nth-child(4){ padding: 0 0 0 40%; margin-top: -10px;}
.departmentCity li:nth-child(5){padding: 11% 0 0 55.5%;}
.departmentCity li:nth-child(6){padding: 0 0 0 75%; margin-top: -15px;}
.departmentCity li:nth-child(6) span{ padding: 0 0 0 13px; line-height: 20px;}
.departmentCity li:nth-child(6) span::after,
.departmentCity li:nth-child(6) span:after{ left: 0; right:auto;}
.departmentCity li.on span::after,
.departmentCity li.on span:after{width: 15px; height: 15px; background: #ab1032; top:2px;}


.cityInformation{ float: left; width: 100%;}
.cityInformation ul{ float: left; width: 100%; margin-top: -10px;}
.cityInformation ul li{ float: left; width:48%; margin-right: 4%;border:1px solid #e5e5e5; padding: 30px 20px 30px 30px; margin-top: 20px;}
.cityInformation ul li:nth-child(2n){ margin-right: 0;}
.cityInformation ul li strong{ float: left; font-size:56px; color:#ab1032; font-weight: bolder;line-height: 40px;}
.cityInformation ul li span{ float: left;padding-left:15px; font-size:21px; color:#ab1032; line-height: 20px;}
.cityInformation ul li span em{ text-transform: uppercase; font-size:16px; color:#b7b7b7}

.departmentCityInfor .teamProfile{ float: left; width: 100%; margin-top: 40px;}
.departmentCityInfor .teamProfile h3{ float: left; width: 100%; color:#ab1032; font-size:21px;}
.departmentCityInfor .teamProfile h3 em{ font-size:16px; color:#8a8a8a; text-transform: uppercase;}
.departmentCityInfor .teamProfile p{ float: left; width: 100%; margin-top:20px; font-size:16px; color:#8a8a8a; line-height: 23px;}

@media screen and (max-width:1229px ) {
    .departmentCity{top:51%;}
    .departmentCity ul li{ padding-left: 61%;}
    .departmentCity li:nth-child(3){ margin-top: -6px;}
    .departmentCity li:nth-child(5){ padding: 8% 0 0 51.5%;}
    .departmentCity li:nth-child(6){ margin-top: -12px;}
    .cityInformation ul{ margin-top: -20px;}
    .cityInformation ul li{ padding: 20px 15px 20px 20px;}
    .cityInformation ul li strong{ font-size:48px;}
    .cityInformation ul li span{ font-size:18px; padding-left: 10px;}
    .cityInformation ul li span em{ font-size:14px;}
    .departmentCityInfor .teamProfile{ margin-top: 30px;}
    .departmentCityInfor .teamProfile h3{ font-size:18px;line-height: 24px}
    .departmentCityInfor .teamProfile h3 em{ font-size:14px;}
    .departmentCityInfor .teamProfile p{ font-size:14px; line-height: 20px;}
}
@media screen and (max-width:1023px ) {
    .departmentOffices{ padding-bottom:2%;}
    .departmentMap{ width: 100%; padding: 0;}
    .departmentCity{ width: 100%; padding: 0; top:28.5%;}
    .departmentCity ul li{ padding-left: 66%}
    .departmentCity li:nth-child(2){ padding: 11% 0 0 62%}
    .departmentCity li:nth-child(4){ margin-top: 0; padding: 2% 0 0 45%}
    .departmentCity li:nth-child(5){ padding: 12.5% 0 0 59.5%;}
    .departmentTextIntroduction{ width: 100%; margin:20px 0 0 0;}
}
@media screen and (max-width:767px ) {
    .departmentCity{top:28%;}
    .departmentCity li:nth-child(5){ padding: 11.5% 0 0 59.5%;}
    .departmentCityInfor .teamProfile{ margin-top: 20px;}
    .departmentCityInfor .teamProfile p{ margin-top: 10px;}
    .cityInformation ul{ margin-top: 0;}
    .cityInformation ul li{ width: 100%; margin: 0; margin-top: 2%;}
    .cityInformation ul li strong{ width: 20%; text-align: center;}
    .cityInformation ul li span em{ font-size:12px;}
}

@media screen and (max-width:415px ) {
    .departmentCity{ top:20%;}
    .departmentCity ul li{ padding-left: 58%;}
    .departmentCity span{ font-size:14px; }
    .departmentCity li:nth-child(2){ padding: 9% 0 0 60%;}
    .departmentCity li:nth-child(3){word-wrap:break-word;}
    .departmentCity li:nth-child(4){ padding: 0 0 0 35%; margin-top: -12%;}
    .departmentCity li:nth-child(5){ padding:3% 0 0 49%;}
    .departmentCity li:nth-child(6){ margin-top: -15px;}
}
@media screen and (max-width:376px ) {
    .departmentCity{ top:23.2%;}
    .cityInformation ul li{ padding: 15px 10px 15px 15px;}
    .departmentCity li:nth-child(3){ margin-top: -8px;}
    .departmentCity li:nth-child(4){ margin-top: -14%;}
    .departmentCity li:nth-child(5){ padding: 2% 0 0 46.5%;}
    .departmentCity li:nth-child(6){ margin-top: -15px;}
}
@media screen and (max-width:321px ) {
    .cityInformation ul li strong{ width: 25%;}
    .departmentCity span{ font-size:12px;line-height: 20px;}
    .departmentCity span::after, .departmentCity span:after{ top:4px;}
}


.departmentMarket{float: left; width: 100%;}
.departmentMarketList{ float: left;width: 100%;}
.departmentMarketList ul{ float: left; width:31.5%; margin-top: -34px;   margin-right: 2.75%}
.departmentMarketList ul:last-child{margin-right: 0;}
.departmentMarketList ul li{ float:left; width: 100%; padding:8% 6%; margin-top: 34px;	box-shadow:0 0 50px #f4f4f4;-moz-box-shadow:0 0 50px #f4f4f4;-webkit-box-shadow:0 0 50px #f4f4f4;}
.departmentMarketList ul li strong{ float: left; width: 32%; font-size:56px; font-weight: bolder; color:#ab1032; line-height:50px}
.departmentMarketList ul li span{ float: left; width:68%; padding-left:8%; font-size:21px; color:#ab1032; line-height: 25px; text-transform: uppercase}
.departmentMarketList ul li span em{font-style: normal; color:#b7b7b7; font-size:16px;}
.departmentMarketList ul.serviceMarket{ padding: 25px; margin-top:0;min-height: 286px;background: #fff;box-shadow:0 0 50px #f4f4f4;-moz-box-shadow:0 0 50px #f4f4f4;-webkit-box-shadow:0 0 50px #f4f4f4;}

.departmentMarketList ul.serviceMarket h5{ float: left; width: 100%; font-size:21px;color:#818181; padding: 5px 5px 10px 5px;}
.departmentMarketList ul.serviceMarket li{ float: left; width: 50%; padding: 14px 5px 0 5px; margin-top: 0;box-shadow:0 0 0 #f4f4f4;-moz-box-shadow:0 0 0 #f4f4f4;-webkit-box-shadow:0 0 0 #f4f4f4;}
.departmentMarketList ul.serviceMarket li a{ float: left; width: 100%; background:#f2f2f2;color:#818181; font-size:16px; height: 44px; line-height: 44px; text-align: center;}
.departmentMarketList ul.serviceMarket li a:hover{background: #ab1032; color:#fff;}

@media screen and (max-width:1229px ) {
    .departmentMarketList ul{ margin-top: -28px;}
    .departmentMarketList ul li{ margin-top: 28px;}
    .departmentMarketList ul li strong{ font-size:48px;}
    .departmentMarketList ul li span em{ font-size:14px;}
    .departmentMarketList ul.serviceMarket{ min-height: 262px; padding-top: 18px;}
    .departmentMarketList ul.serviceMarket h5{ padding-bottom:5px;}
}

@media screen and (max-width:1023px ) {
    .departmentMarketList ul{ width: 100%; margin-right: 0; margin-top: 0;}
    .departmentMarketList ul li{ width: 48%; margin-right: 4%; padding: 3%; margin-top: 10px;min-height: 119.25px;}
    .departmentMarketList ul li:nth-child(2n){ margin-right: 0;}
    .departmentMarketList ul li span{ padding-left: 4%;}
    .departmentMarketList ul li span em{ line-height: 18px;}
    .departmentMarketList ul.serviceMarket{ width:48%;margin-right: 4%; margin-top: 28px;min-height: auto;}
    .departmentMarketList ul.serviceMarket:last-child{ margin-right: 0;}
    .departmentMarketList ul.serviceMarket li{min-height: auto; margin-right: 0;}
}
@media screen and (max-width:767px ) {
    .departmentMarketList ul li{ width: 100%; margin-right: 0; padding: 5% 7%; min-height: auto; margin-top: 15px;}
    .departmentMarketList ul li:first-child{margin-top: 5px;}
    .departmentMarketList ul li strong{ font-size:42px;}
    .departmentMarketList ul li span{ font-size:18px;}
    .departmentMarketList ul li span em{font-size:12px;}
    .departmentMarketList ul.serviceMarket{ width: 100%; margin-right: 0; margin-top: 15px; padding: 20px 20px 25px 20px;}
    .departmentMarketList ul.serviceMarket h5{ font-size:18px;}
    .departmentMarketList ul.serviceMarket li a{ font-size:14px; height: 38px; line-height: 38px;}
}

.productApplication{ float: left; width: 100%; margin-top:3%;}
.productApplication .slide_pic{ float: left; width: 100%; margin-top: 10px;}
.productApplication .slide_pic li{ float: left; width:100%;}
.productApplication .slide_pic li:last-child{ margin-right: 0;}
.productApplication .slide_pic li a{ float: left; width: 100%;padding: 15% 10% 0 10%;min-height: 375px;position: relative;color:#595959;background: #f5f5f7;}
.productApplication .slide_pic li a h3{ float: left; width: 100%; font-size:21px; font-weight: bolder;}
.productApplication .slide_pic li a p{ float: left; width: 100%; margin-top: 6.5%; font-size:16px; line-height: 26px; font-weight: 600;}
.productApplication .slide_pic li a span{ position: absolute; width: 99px; height: 81px; bottom: 6%; right:10%;}
.productApplication .slide_pic li a:hover { color: #ab1032}
.productApplication .slide_pic .slick-slide.slick-active li{padding: 0 4%;}
.productApplication .slide_pic .slick-dots{ width: 0; height: 0; overflow: hidden;}



@media screen and (max-width:1229px ) {
    .productApplication .slide_pic li a{min-height: 340px;}
    .productApplication .slide_pic li a h3{ font-size:18px;}
    .productApplication .slide_pic li a p{ font-size:14px; line-height: 22px;}
}

@media screen and (max-width:767px ) {
    .productApplication .slide_pic{ margin-top: 0}
    .productApplication .slide_pic .slick-slide.slick-active li{ padding: 0 15px;}
    .productApplication .slide_pic li a{ padding: 10% 7% 0 7%; min-height: 300px;}
}

/*2产品中心*/
.currentLocation{ float:left; width: 100%; height: 1px; position:relative;}
.currentLocation .titAbsolute{ position: absolute; left: 0; bottom:50px; padding: 15px 30px; z-index: 999; background: rgba(255,255,255,0.6);max-width: 600px;}
.currentLocation .titAbsolute h2{ float: left; width: 100%; font-size:30px; color:#ab1032;}
.currentLocation .titAbsolute div{ float: left; width: 100%; font-size:16px; color:#555555; line-height: 23px; margin-top: 5px;max-height:138px; overflow:hidden; }

.productList{ float: left; width: 100%; padding-top: 25px}
.productList ul{ float: left; width: 100%;}
.productList ul li{ float: left; width:100%; margin-top: 23px; }
.productList ul li .a{ float: left; width: 100%; padding: 30px;background: #fafafa}
.productList ul li .a .productImg{ float: left; width: 27.75%; border:1px solid #eeeeee; font-size:0;line-height: 0; overflow: hidden;}
.productList ul li .a .productImg img{transition: all 0.6s; -moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.productList ul li .a .productText{ float: left; width:72.25%; padding-left: 34px;}
.productList ul li .a .productText h3{ float: left; width: 100%; color:#232323; font-size:21px; line-height: 48px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.productList ul li .a .productText p{ float: left; width: 100%; color:#9b9b9b; font-size:16px; line-height: 23px;overflow: hidden;}
.productList ul li .a .productText .productModel{ float: left; width: 100%; background: #ebebeb; padding:1.8% 10% 3% 10%; margin-top:2.5%;}
.productList ul li .a .productText .productModel .k1{ float:left; width:100%;}
.productList ul li .a .productText .productModel span{ float: left;width: 50%; padding: 0 4px; text-align: center; font-size:16px; color:#595959; line-height: 27px;}
.productList ul li .a .productText .productModel.productModel1 span{width: 30%;}
.productList ul li .a .productText .productModel span b{font-weight:normal; width:50%; float:left; padding:0 2%; }
.productList ul li .a .productText .productModel.productModel1 span.span1{width: 70%;}
.productList ul li .a .productText .productModel em{ float: left; width: 50%; margin-top: 6px; padding: 0 4px; font-style: normal; text-align: center; }
.productList ul li .a .productText .productModel.productModel1 em{width:30%;}
.productList ul li .a .productText .productModel.productModel1 em.em1{width: 70%;}
.productList ul li .a .productText .productModel em i{float: left; text-align:left; padding-left:10%;  font-style: normal; font-size:16px; background: #d2d2d2; width: 100%; height: 27px;line-height: 27px; color:#595959;}
.productList ul li .a .productText .productModel.productModel1 em.em1 i{padding-left:0;}
.productList ul li .a .productText .productModel.productModel1 em i b{font-weight:normal; padding-left:5%; width:50%; float:left; }


.productList ul li .a:hover .productImg img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}
.productList ul li .a:hover .productText h3{color:#ab1032}
.productList ul li .a:hover .productText .productModel em i{color:#595959}
.productList ul li .a .productText .productModel .k1:hover em i{ background:#ab1032;color:#fff}

@media screen and (max-width:1615px ) {
    .currentLocation .titAbsolute{ bottom:35px; max-width:550px; padding: 10px 15px;}
}




@media screen and (max-width:1229px ) {
    
    .currentLocation .titAbsolute h2{ font-size:24px;}
    .currentLocation .titAbsolute div{ font-size:14px; line-height: 20px; max-height:80px;}
    .productList ul li .a{ padding: 20px;}
    .productList ul li .a .productText{ padding-left: 24px;}
    .productList ul li .a .productText h3{ font-size:18px;line-height: 30px;}
    .productList ul li .a .productText p{ font-size:14px; line-height: 20px; margin-top: 5px;}
    .productList ul li .a .productText .productModel{ padding:1.8% 7% 2.7% 7%;}
    .productList ul li .a .productText .productModel span{ font-size: 14px; line-height: 23px;}
    .productList ul li .a .productText .productModel em i{ font-size:14px;}
}
@media screen and (max-width:1023px ) {
    .currentLocation .titAbsolute{ max-width: 450px;}
     .currentLocation .titAbsolute h2{ font-size:20px; line-height:26px;}
    .currentLocation .titAbsolute div{max-height:54px; line-height:18px;}
    .productList ul li .a .productImg{ width: 33%;}
    .productList ul li .a .productText{ width: 67%;}
    .productList ul li .a .productText .productModel em i{ height: 23px; line-height: 23px;}
    .productList ul li{ margin-top: 15px;}
}
@media screen and (max-width:767px ) {
    .currentLocation{ height: auto;}
    .currentLocation .titAbsolute{ position: static; float: left; width: 100%; max-width: 100%; background:#fafafa; padding: 15px; margin-top: 10px;}
    .currentLocation .titAbsolute h2{ font-size:18px;}
    .currentLocation .titAbsolute div{ font-size:12px; max-height:initial;}
    .productList{ padding-top:0;}
    .productList ul li{ width: 100%; padding-right: 0; margin-top:10px}
    .productList ul li:nth-child(2n){ padding-left: 0; padding-right: 0;}
    .productList ul li .a{ padding:6px;}
    .productList ul li .a .productImg{ width: 100%; padding:0 20%; background:#fff;}
    .productList ul li .a .productText{ width: 100%; margin-top: 3%; padding-left: 0}
    .productList ul li .a .productImg img{ width: 100%;}
    .productList ul li .a .productText h3{ font-size:16px;}
    .productList ul li .a .productText p{ font-size:12px; margin-top:2px;}
    .productList ul li .a .productText .productModel{ padding: 1.8% 0 3.5% 0; margin-top: 3.5%;}
    .productList ul li .a .productText .productModel span{ font-size:12px; padding:4px 2px; line-height:14px;}
    .productList ul li .a .productText .productModel em i{font-size:12px;}
	.productList ul li .a .productText .productModel em{ padding:0 2px; margin-top:4px;}
}


/*产品中心详情*/
.productDetails{ float: left;width: 100%; margin-top: 25px;}
.productProfile{ float:left; width: 100%;}
.productProfile .productImgLeft{ float: left; width: 50%; padding-right: 30px;}
.productProfile .productImgLeft .imgBox{ float: left; width: 100%; border:1px solid #eeeeee}
.productProfile .productImgLeft .slick-dots{ width: 0;height: 0; overflow: hidden;}
.productProfile .productImgLeft .slick-prev, .slick-next {
    font-size: 0;line-height: 0;position: absolute;left:0;top: 50%; margin-top: -21px; display: block;width:24px;height:42px;padding: 0;cursor: pointer;color: transparent;border: none;outline: none;
    background:#eeeeee url(images/product3_l.png) no-repeat center;transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    z-index: 6;}
.productProfile .productImgLeft .slick-next{background:#eeeeee url(images/product3_r.png) no-repeat center; left: auto; right:0;}
.productProfile .productImgLeft .slick-prev:hover{ background: #f7e7ea url(images/product3_l_1.png) no-repeat center; }
.productProfile .productImgLeft .slick-next:hover{background:#f7e7ea url(images/product3_r_1.png) no-repeat center;}
.productTextRight{ float: left;width: 50%; padding-left: 30px;}
.productTextRight h2{ float: left; width: 100%; font-size:30px; color:#333333; line-height: 40px; margin-top: 20px;}
.productTextRight h3{ float: left; width: 100%; font-size:21px; color:#4c4c4c; line-height: 24px; margin-top: 5px;}
.productTextRight div.text{ float: left; width: 100%; margin-top: 25px; border-top:1px dashed #cccccc; border-bottom:1px dashed #cccccc; padding: 15px 0 35px 0; font-size:16px; color:#b1b1b1; line-height: 23px;}
.productTextRight div.text p{ float: left; width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient: vertical;}
.productSize{ float:left; width: 100%; background: #f5f5f5; margin-top: 25px; padding: 10px 20px 25px 20px;}
.productSize span{ float: left; width: 50%; padding: 0 3px; height: 27px; line-height: 27px; font-size:16px;color:#595959; text-align: center;}
.productSize em{ float: left; width: 50%; padding: 4px 3px 0 3px; font-style: normal;}
.productSize em i{ float: left; width: 100%; text-align: center; /*height: 27px;*/ line-height: 18px; padding:5px 0; font-size:14px; color:#717171; background: #d6d6d6; font-style: normal;}

.productFeature{ float: left; width: 100%; margin-top: 33px;}
.productFeatureTit{ float: left; width: 100%;border:1px solid #d9d9d9;border-top:2px solid #ab1032; height: 50px; position: relative;}
.productFeatureTit h2{position: absolute; left: 0; top:-2px; padding: 0 25px; height: 50px; background: #ab1032; line-height: 50px; font-size:21px; color:#fff;}
.productFeatureText{ float: left; width: 100%; padding: 35px;}
.productFeatureText .productFeatureVideo{ float: left; width: 52.6666%; background: #000;font-size:0; line-height: 0;position: relative;}
.productFeatureText .productFeatureVideo span{ position:absolute;left: 50%; top:50%; margin-left: -28px; margin-top: -28px;}
.productFeatureText .productFeatureVideo span img{ width: 56px; height: 56px;opacity:1;filter:alpha(opacity=100);}
.productFeatureText .productFeatureVideo .videoBack{ width: 100%;opacity:0.3;filter:alpha(opacity=30);}

.productFeatureText .productFeatureVideo .video_box{width:100%; position:relative; padding-bottom:59.177%; overflow:hidden;}

.productFeatureText .productFeatureVideo img,
.productFeatureText .productFeatureVideo video,
.productFeatureText .productFeatureVideo p{position:absolute; left:0;  top:0; width:100%; height:100%;}
.productFeatureText .productFeatureVideo p iframe{width:100%; height:100%;}


.productFeatureInfor{ float: left; width:47.3334%; padding-left: 60px; font-size:16px; color:#808080; line-height: 23px; }
.upDown{ float: left; width: 100%; border:1px solid #d9d9d9; padding: 0 15px;margin: 15px 0 45px 0;}
.upDown a{ float: left; font-size:16px;color:#666666; height: 58px; line-height: 58px;max-width: 40%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.upDown a:last-child{ float: right}
.upDown a:hover{color:#ab1032}



@media screen and (max-width:1229px ) {
    .productProfile .productImgLeft{ padding-right: 20px;}
    .productTextRight{ padding-left: 20px;}
    .productTextRight h2{ margin-top: 0; font-size:24px; line-height: 36px;}
    .productTextRight h3{ font-size:18px; margin-top: 0;}
    .productTextRight div.text{ margin-top: 15px;}
    .productSize{margin-top: 15px;}
    .productFeatureInfor{ padding-left: 40px; font-size:14px;}
    .upDown{margin: 15px 0 45px 0;}
    .upDown a{ height: 50px; line-height: 50px;font-size:14px;}
}
@media screen and (max-width:1023px ) {
    .productDetails{ margin-top: 40px;}
    .productProfile .productImgLeft{ padding-right: 15px;}
    .productTextRight{ padding-left: 15px;}
    .productTextRight div.text{ font-size:14px; padding: 15px 0;}
    .productTextRight div.text p{overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient: vertical;}
    .productSize{ padding: 10px 10px 15px 10px;}
    .productSize span{ font-size:14px; line-height: 24px; height: 24px;}
    .productSize em i{ font-size:14px; /*height: 24px;*/ line-height: 18px; padding:3px 0;}
    .productFeatureTit{ height: 45px;}
    .productFeatureTit h2{font-size:18px; line-height: 45px; height: 45px;}
    .productFeatureText{ padding: 25px;}
    .productFeatureInfor{padding-left: 25px;}
    .upDown{margin: 15px 0 40px 0;}
    .upDown a{ height: 45px; line-height:45px;font-size:14px;}

}
@media screen and (max-width:767px ) {
    .productDetails{ margin-top: 20px;}
	.productProfile .productImgLeft .imgBox{ padding:0 15%;}
    .productProfile .productImgLeft{ width: 100%; padding: 0;}
    .productTextRight{ width: 100%; padding: 0; margin-top: 15px;}
    .productTextRight h2 { font-size:20px; line-height: 28px;}
    .productTextRight h3{ font-size:16px;}
    .productTextRight div.text{ padding: 10px 0; margin-top: 10px; font-size:12px; line-height: 20px;}
    .productSize span{ font-size:12px;}
    .productSize em i{ font-size:12px;}
    .productFeature{ margin-top: 20px;}
    .productFeatureTit{ height: 40px;}
    .productFeatureTit h2{font-size:14px; height: 40px; line-height: 40px;}
    .productFeatureText{padding: 0  15px; margin-top: 15px;}
    .productFeatureText .productFeatureVideo{ width: 100%;}
	/*.productFeatureText .productFeatureVideo video{ height:160px;}*/
    .productFeatureInfor{ width: 100%; margin-top: 10px; font-size:12px; line-height: 20px; padding-left: 0}
    .upDown{margin: 15px 0 20px 0;}
    .upDown a{ width: 100%; height: 35px; line-height:35px;font-size:12px; max-width: 100%;border-bottom: 1px solid #ececec}
    .upDown a:last-child{border-bottom: 0;}
	
}





.heightFooter{ float: left; width: 100%; height:65px;}
@media screen and (max-width:1229px ) {
    .heightFooter{ height:50px;}
}
@media screen and (max-width:1023px ) {
    .heightFooter{ height:30px;}
}
@media screen and (max-width:767px ) {
    .heightFooter{ height:25px;}
}





/* 内页 */
.side_cont{ background: #e8e7e7; height: 50px; width: 100%; margin: 40px 0 96px 0; position: relative;}
.side_cont .l1{ float: left; height: 50px; line-height: 50px; font-size: 16px; padding: 0 30px;}
.side_cont .l1.on,.side_cont .l1:hover{ background: #ab1032;}
.side_cont .l1.on a{ position: relative;}
.side_cont .l1.on a::after{ content: ""; position: absolute; bottom: -25px!important; left: 50%; margin-left: -20px; z-index: 999; width:0; height:0; overflow: hidden; font-size: 0; line-height: 0; border-width: 5px; border-style: solid dashed dashed dashed; border-color: #ab1032 transparent transparent transparent; margin-left: -5px;} 
.side_cont .l1.on a,.side_cont .l1:hover a{ color: #fff;}
.side_cont .l1 .u2{ display: none; position: absolute; top: 50px; left: 0; width: 100%; height: 56px; line-height: 56px; background: #f5f5f5;}
.side_cont .l1 .u2 .l2{ height: 56px; line-height: 56px; font-size: 16px; padding-left: 21px; color: #555;}
.side_cont .l1 .u2 .l2 a{ padding: 0 18px 0 9px; color: #555; border-right: 1px solid #e8e7e7;}
.side_cont .l1 .u2 .l2 a:last-child{ border-right: 0;}
.side_cont .l1 .u2 .l2 a::after{ display: none;}
.side_cont .l1 .u2 .l2 a.on,.side_cont .l1 .u2 .l2 a:hover{ color: #ab1032;}
.side_cont .l1.on .u2{ display: block;}
@media screen and (max-width:1230px ) {
.side_cont{ margin: 20px 0 76px 0;}     
}
@media screen and (max-width:1023px ) {
.side_cont{ width: 98%; margin: 20px auto 46px auto; height: 30px;}     
.side_cont .l1{ height: 30px; line-height: 30px; font-size: 14px; padding: 0 10px;}
.side_cont .l1.on a::after{ bottom: -16px!important; left: 50%; margin-left: -20px; z-index: 9; width:0; height:0; overflow: hidden; font-size: 0; line-height: 0; border-width: 5px; border-style: solid dashed dashed dashed; border-color: #ab1032 transparent transparent transparent; margin-left: -5px;} 
.side_cont .l1:hover a::after{ bottom: -10px; left: 50%; margin-left: -20px; z-index: 999; width:0; height:0; overflow: hidden; font-size: 0; line-height: 0; border-width: 5px; border-style: solid dashed dashed dashed; border-color: #ab1032 transparent transparent transparent; margin-left: -5px;} 
.side_cont .l1 .u2{ top: 30px; left: 0; width: 100%; height: 36px; line-height: 36px;}
.side_cont .l1 .u2 .l2{ height: 56px; line-height: 36px; font-size: 14px; padding-left: 0;}
.side_cont .l1 .u2 .l2 a{ padding: 0 9px 0 7px;}
}
@media screen and (max-width:500px ) {
.side_cont .l1{ padding: 0 5px;}
.side_cont .l1{ font-size: 12px;}
.side_cont .l1 .u2 .l2{ font-size: 12px;}
}

/* 大昌华嘉 */
._zy_banner{ float:left; width:100%; line-height:0;}
._zy_banner .slick-dots{ position: absolute; bottom: 25px; z-index: 10; height: 10px;}
._zy_banner .slick-dots li{ vertical-align: top; width: 10px; height: 10px; background: #918f82; margin: 0 10px; border-radius: 50%; cursor: pointer; text-indent: -999px; overflow: hidden;}
._zy_banner .slick-dots .slick-active{ background: #ab1032;}

.groupCon{ margin-top: -60px;}
.groupCon .title{ font-size: 30px; color:#ab1032; padding-bottom: 15px; border-bottom: 3px solid #f6e7ea; position: relative;}
.groupCon .title::after{ content: ""; display: block; width: 280px; height: 3px; background: #ab1032; position: absolute; bottom: -3px;}
.groupCon .info{ font-size: 16px; line-height: 24px; margin: 15px 0 0 0;}
.groupCon .bg{ margin: 30px 0 60px 0; background-size: cover; padding: 20px;}
.groupCon .bg .kuang{ width: 100%; height: 100%; border: 1px solid #3e4a5b;}
.groupCon .bg .text{ font-size: 24px; line-height: 36px; margin-top: 10px; text-align: center; color: #fff;}
.groupCon .bg .more{ display: block; width: 140px; height: 42px; line-height: 42px; margin: 5px auto 12px auto; text-align: center; background:#ab1032;}
.groupCon .bg .more .cen{ display: inline-block;}
.groupCon .bg .more .ico{ display: block; float: left; width: 15px; height: 16px; margin-right: 10px; margin-top: 14px; background: url(images/Group2.png) no-repeat center; line-height: 0;}
.groupCon .bg .more span{ display: block; float: left; color: #fff; font-size: 16px;}
.groupCon .bg .more:hover{ box-shadow:3px 3px rgba(142,41,36,0.6);}
@media  screen and (max-width:1023px){
.groupCon{ width: 98%; margin: -30px auto 0 auto;}
.groupCon .title{ font-size: 18px; padding-bottom: 10px;}
.groupCon .title::after{ width: 180px;}
.groupCon .info{ font-size: 14px; line-height: 24px;}
.groupCon .bg{ margin: 15px 0 20px 0; padding: 10px;}
.groupCon .bg .text{ font-size: 16px; line-height: 24px; margin-top: 10px;}
.groupCon .bg .more{ width: 100px; height: 28px; line-height: 28px;}
.groupCon .bg .more .ico{ width: 15px; height: 16px; margin-right: 5px; margin-top: 6px;}
.groupCon .bg .more span{ font-size: 14px;}     
}



/*ab1032*/
/*
@media screen and (max-width:1229px) {

}
@media screen and (max-width:1023px) {

}
@media screen and (max-width:767px) {


}
@media screen and (max-width:374px) {


}
*/


.sitemap{ width:100%;float:left;}
.sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%;  }
.sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;}
.sitemap li a:hover{color:#ab1032;}
.sitemap li .font16{ font-size:16px;  /*color:#135fb1*/}
.sitemap li .font14{font-size:14px; }
.sitemap li .font12{ font-size:12px;  color:#999}


.search_ts{font-size:16px; color:#ab1032; line-height:30px;}

@media  screen and (max-width:1023px){
.search_ts{margin-top:60px; font-size:14px;}
}



/*20190826*/
/*服务介绍*/
.servTit{ float:left; width:100%; margin:47px 0 0 0;}
.servTit .tit1{ float:left; width:100%; color:#ab1032; font-size:30px; line-height:40px; font-weight:600;}
.servTit .tit2{ float:left; width:100%; color:#f2f2f2; font-size:30px; line-height:40px; font-weight:600; text-transform:uppercase; padding:4px 0 13px 0; position:relative; }
.servTit .tit2:after{ float:left; width:47px; height:2px; position:absolute; left:0; bottom:0; content:''; background:#ab1032;}


.servCont{ float:left; width:100%; margin:40px 0 54px 0;}
.servCont .ul1{ margin:0 -22px;}
.servCont .l1{ float:left; width:100%;}
.servCont .la{ float:left; width:33.33%; padding:0 22px; margin-top:45px; }
.servCont .lb{ float:left; width:100%; background:#f9f9f9; position:relative; text-align:center; height:229px; padding:0 15px;}
.servCont .more{ float:left; width:100%; height:34px; background:url(images/serv9.png) center no-repeat; background-size:auto 100%; position:absolute; left:0; bottom:-16px;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;
}
.servCont .ico{ float:left; width:100%; line-height:0; margin-top:56px;}
.servCont .ico img{ width:73px; height:73px; margin:0 auto;}
.servCont .ico .ico1{ display:block;}
.servCont .ico .ico2{ display:none;}
.servCont .tit{ float:left; width:100%; color:#ab1032; font-size:21px; line-height:30px; margin-top:22px; text-transform:uppercase;}

.servCont .info{ float:left; width:100%; color:#666; font-size:16px; line-height:30px;/* height:138px; overflow-x:hidden; overflow-y:auto;*/ padding:0 22px; display:none; margin-top:30px;}
.servCont .p1{ float:left; width:100%; background:#f2f2f2;padding: 20px 15px;}
.servCont .sp1{ font-size:19px; line-height:34px; font-weight:bold; color:#333; display:block; margin-bottom:12px;}

.pord_li1{ float:left; width:100%;}
/*.servCont .info:nth-child(2){ margin-left:33.33%;}
.servCont .info:nth-child(3){ float:right;}

.servCont .l1{ float:right;}*/


.servCont .lb:hover{ background:#ab1032;}
.servCont .lb:hover .tit{ color:#fff;}
.servCont .lb:hover .ico .ico1{ display:none;}
.servCont .lb:hover .ico .ico2{ display:block;}
.servCont .lb:hover .more{ background:url(images/serv9_1.png) center no-repeat; background-size:auto 100%;}

@media screen and (max-width:1229px) {
.servCont .ul1{ margin:0 -15px;}
.pord_sub .info{padding:0 15px;}
}
@media screen and (max-width:1023px) {
.servTit{ margin:20px 0 0 0;}
.servTit .tit1{ font-size:20px; line-height:30px; }
.servTit .tit2{  font-size:20px; line-height:30px; padding:0 0 8px 0; }
	
.servCont{ margin:10px 0 30px 0;}	
.servCont .ul1{ margin:0 -8px;}
.servCont .la{ padding:0 8px;  margin-top:30px;}
.servCont .lb{height:195px;}
.servCont .ico{ margin-top:36px;}
.servCont .ico img{ width:56px; height:56px;}
.servCont .tit{ font-size:18px; margin-top:15px;}
.servCont .info{ font-size:14px; line-height:24px;margin-top:30px;}
.servCont .more{ height:26px; bottom:-13px;}
.servCont .lb:hover .more{ bottom:-16px;}
.pord_sub .info{ padding:0 8px;}
.servCont .sp1{ font-size:17px; line-height:30px; margin-bottom:8px;}
}
@media screen and (max-width:767px) {
.servCont .la{ width:50%; padding:0 6px;}
.servCont .ul1{ margin:0 -6px;}
.pord_sub .info{ padding:0 6px;}

/*.servCont .info{ width:50%;}
.servCont .info:nth-child(2){ margin-left:0; float:right;}*/


}

.m_yq::-mo-scrollbar{

    width: 2px; margin:0 1px;
    height: 4px;
    background:#fff;
}
.m_yq::-o-scrollbar{
    width: 2px; margin:0 1px;
    height: 4px;
    background:#fff;
}
.m_yq::-ms-scrollbar{
    width: 2px; margin:0 1px;
    height: 4px;
    background:#fff;
}
.m_yq::-webkit-scrollbar{
    width: 2px; margin:0 1px;
    height: 4px;
    background:#fff;
}
/*定义滚动条的轨道，内阴影及圆角*/
.m_yq::-webkit-scrollbar-track{

		
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    -o-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
    background:#ab1032;
}
.m_yq::-o-scrollbar-track{
	
 	
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    -o-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	
    border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
    background:#ab1032;
}
.m_yq::-ms-scrollbar-track{
	
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    -o-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
    background:#ab1032;
}
.m_yq::-mo-scrollbar-track{
	
	
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    -o-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	
    border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
    background:#ab1032;
}
/*定义滑块，内阴影及圆角*/
.m_yq::-webkit-scrollbar-thumb{
    /*width: 10px;*/
    height: 15px;
    border-radius: 10px;
	
    background:#fff;
	 width:4px; margin:0;
}
.m_yq::-o-scrollbar-thumb{
    /*width: 10px;*/
    height: 15px;
    border-radius: 10px;

    background:#fff;
	width:4px; margin:0;
}
.m_yq::-mo-scrollbar-thumb{
    /*width: 10px;*/
    height: 15px;
    border-radius: 10px;
    background:#fff;
	width:4px; margin:0;
}
.m_yq::-ms-scrollbar-thumb{
    /*width: 10px;*/
    height: 15px;
    border-radius: 10px;

    background:#fff;
	width:4px; margin:0;
}


/*servCont1*/
.servCont1{ float:left; width:100%; margin:45px 0 35px 0;}
.servCont1 .ul1{ margin:0 -22px;}
.servCont1 .l1{ float:left; width:33.33%; padding:0 22px;}
.servCont1 .la{ float:left; width:100%; padding:38px 40px; background:#f9f9f9; position:relative; margin-bottom:45px; }
.servCont1 .l1 .la.nohref{cursor:default;}
.servCont1 .tit{ float:left; width:100%; color:#ab1032; font-size:21px; line-height:31px; text-align:center; margin:25px 0 2px 0;}
.servCont1 .tit1{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; text-align:center;}
.servCont1 .p1{ float:left; width:100%; color:#787878; font-size:16px; line-height:23px; height:69px; overflow:hidden;/* text-align:center;*/ margin:9px 0;word-wrap:break-word}
.servCont1 .ico{ float:left; width:100%; line-height:0; position:relative;}
.servCont1 .ico img{ display:block; width:72px; height:72px; margin:0 auto;}
.servCont1 .ico .ico1{ position:relative; z-index:1;opacity:1; filter:alpha(opacity=100);}
.servCont1 .ico .ico2{ position:absolute; left:50%; top:0; margin-left:-36px; z-index:1;opacity:0; filter:alpha(opacity=00);}
.servCont1 .more{ float:left; width:100%; height:34px; background:url(images/serv9.png) center no-repeat; background-size:auto 100%; position:absolute; left:0; bottom:-16px;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;
}
.servCont1 .la:hover{ background:#ab1032;}
.servCont1 .la:hover .tit{ color:#fff;}
.servCont1 .la:hover .tit1{ color:#fff;}
.servCont1 .la:hover .p1{ height:auto; color:#fff;opacity:0.85; filter:alpha(opacity=85);}
.servCont1 .la:hover .ico .ico1{opacity:0; filter:alpha(opacity=00);}
.servCont1 .la:hover .ico .ico2{opacity:1; filter:alpha(opacity=100);-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}
.servCont1 .la:hover .more{ background:url(images/serv9_1.png) center no-repeat; background-size:auto 100%;}
		

@media screen and (max-width:1229px) {
.servCont1 .ul1{ margin:0 -15px;}
.servCont1 .l1{ padding:0 15px; margin-bottom:30px; }
.servCont1 .la{ padding:38px 20px;}
.servCont1 .p1{ font-size:14px;}

}
@media screen and (max-width:1023px) {
.servCont1{ margin:30px 0;}	
.servCont1 .ul1{ margin:0 -6px;}
.servCont1 .l1{ padding:0 6px; }
.servCont1 .la{ padding:20px 15px;margin-bottom:20px; }
.servCont1 .ico img{ width:56px; height:56px;}
.servCont1 .tit{ font-size:18px; line-height:28px; margin:12px 0 2px 0;}
.servCont1 .tit1{ font-size:14px; line-height:24px;}
.servCont1 .more{ height:26px; bottom:-13px;}
}
@media screen and (max-width:767px) {
.servCont1 .l1{ width:50%;}
.servCont1 .la{ padding:15px 12px;}
}


/*20201223start新增*/
.wy_section{width: 100%;float: left;padding: 30px 0;background-color: #f4f4f4;}
.w_1230{ max-width:1230px; padding-right:15px; padding-left:15px; margin-right: auto; margin-left: auto;}
.wy_section .top{width: 100%;padding: 48px 96px;text-align: center;margin-bottom: 30px;}
.wy_section .top .tit1{font-size: 16px;color: #333333;padding-bottom: 18px;margin-bottom: 24px;width: 100%;position: relative;}
.wy_section .top .tit1 span{color: #ab1032;}
.wy_section .top .tit1::after{content: "";display: block;width: 100%;height: 1px;background: #d5d5d4;position: absolute;bottom: 0;left: 0;}
.wy_section .top .tit1::before{content: "";display: block;width: 38px;height: 2px;background: rgba(0,0,0,0.5);position: absolute;bottom: 0;left: 50%;
transform: translate(-50%,0);
-ms-transform: translate(-50%,0);}
.wy_section .top .tit2{font-size: 16px;color: #333333;margin-bottom: 20px;}
.wy_section .top .tit3{font-size: 24px;color: #ab1032;}
.wy_section .bottom{width: 100%;}
.wy_section .bottom .types{width: 100%;background-color: #fff;padding: 30px;}
.wy_section .bottom .t_type{width: 100%;font-size: 0;background-color: #f4f4f4;}
.wy_section .bottom .t_type li{display: inline-block;vertical-align: middle;font-size: 16px;color: #333333;padding: 16px 40px;cursor: pointer;}
.wy_section .bottom .t_type li.on{background-color: #ab1032;color: #fff;}
.wy_section .bottom .b_cont{width: 100%;}
.wy_section .bottom .b_cont li{width: 100%;}
.wy_section .bottom .b_cont li .listbox{width: 100%;padding: 30px;background-color: #fff;margin-bottom: 30px;}
.wy_section .bottom .b_cont li .listbox:first-child{padding-top: 0;}
.wy_section .bottom .b_cont li .listbox .t_pic{width: 100%;overflow: hidden;}
.wy_section .bottom .b_cont li .listbox .t_pic .leftpic{width: 59.38%;float: left;position: relative;}
.wy_section .bottom .b_cont li .listbox .t_pic .leftpic .pics{width: 100%;padding-bottom: 63.52%; position: relative; overflow: hidden;}
.wy_section .bottom .b_cont li .listbox .t_pic .leftpic .pics img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.wy_section .bottom .b_cont li .listbox .t_pic .leftpic .posi{font-size: 24px;color: #fff;padding: 6px 57px;background-color: #ab1032;position: absolute;left: 0;top: 20px;border-radius: 0 6px 6px 0;}
.wy_section .bottom .b_cont li .listbox .t_pic .rightpic{width: 37.81%;float: right;position: relative;cursor: pointer;}
.wy_section .bottom .b_cont li .listbox .t_pic .rightpic .pics{width: 100%;padding-bottom: 100%; position: relative; overflow: hidden;}
.wy_section .bottom .b_cont li .listbox .t_pic .rightpic .pics img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.wy_section .bottom .b_cont li .listbox .t_pic .rightpic .icon{width: 64px;height: 64px;position: absolute;left: 50%;top: 50%;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);}
.wy_section .bottom .b_cont li .listbox .b_wordbox{width: 100%;overflow: hidden;background-color: #f4f4f4;position: relative;display: none;}
.wy_section .bottom .b_cont li .listbox .b_wordbox .pisiwords{width: 2.81%;height: 100%;position: absolute;background-color: #fff;left: 59.38%;top: 0;}
.wy_section .bottom .b_cont li .listbox .b_wordbox .leftwords{ width: 59.38%;float: left;font-size: 16px;color: #333333;line-height: 30px;padding: 30px;height: 100%;}
.wy_section .bottom .b_cont li .listbox .b_wordbox .leftwords .span{color: #ab1032;font-weight: bold;font-size: 18px;}
.wy_section .bottom .b_cont li .listbox .b_wordbox .rightwords{ width:37.81%;float: right;padding: 30px;font-size: 16px;color: #333333;line-height: 30px;height: 100%;}
.wy_section .bottom .b_cont li .listbox .b_wordbox .rightwords .span{color: #ab1032;font-weight: bold;font-size: 18px;}
.wy_section .bottom .b_cont li .listbox .buttonbox{width: 100%;margin-top: 30px;cursor: pointer;}
.wy_section .bottom .b_cont li .listbox .buttonbox .button{width: 100%;height: 50px;text-align: center;font-size: 0;line-height: 50px;}
.wy_section .bottom .b_cont li .listbox .buttonbox .button .words{font-size: 16px;color: #ffffff;display: inline-block;vertical-align: middle;margin-right: 8px;}
.wy_section .bottom .b_cont li .listbox .buttonbox .button .icon{width: 16px;height: 9px;display: inline-block;vertical-align: middle;}
.wy_section .bottom .b_cont li .listbox .buttonbox .button1{background-color: #e8e7e7;}
.wy_section .bottom .b_cont li .listbox .buttonbox .button1 .words{color: #555;}
.wy_section .bottom .b_cont li .listbox .buttonbox .button2{background-color: #ab1032;display: none;}
.wy_section .bottom .b_cont li .listbox .buttonbox.wyons .button2{display: block;}
.wy_section .bottom .b_cont li .listbox .buttonbox.wyons .button1{display: none;}
@media  screen and (max-width: 1199px){
}
@media  screen and (max-width: 991px){
.wy_section{margin: 20px 0;}
.wy_section .top{padding: 16px;margin-bottom: 20px;}
.wy_section .top .tit1{font-size: 14px;padding-bottom: 14px;margin-bottom: 14px;}
.wy_section .top .tit1::before{content: "";display: block;width: 30px;}
.wy_section .top .tit2{font-size: 14px;margin-bottom: 14px;}
.wy_section .top .tit3{font-size: 18px;}
.wy_section .bottom .types{padding: 20px;}
.wy_section .bottom .t_type{white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;}
.wy_section .bottom .t_type::-webkit-scrollbar{display: none;}
.wy_section .bottom .t_type li{font-size: 14px;padding: 12px 16px;}
.wy_section .bottom .b_cont li .listbox{padding: 20px;margin-bottom: 20px;}
.wy_section .bottom .b_cont li .listbox .t_pic .leftpic{width: 60%;}
.wy_section .bottom .b_cont li .listbox .t_pic .leftpic .posi{font-size: 16px;padding: 4px 30px;top: 12px;}
.wy_section .bottom .b_cont li .listbox .t_pic .rightpic{width: 38%;}
.wy_section .bottom .b_cont li .listbox .t_pic .rightpic .icon{width: 40px;height: 40px;}
.wy_section .bottom .b_cont li .listbox .b_wordbox .pisiwords{width: 2%;left: 60%;}
.wy_section .bottom .b_cont li .listbox .b_wordbox .leftwords{ width: 60%;font-size: 14px;line-height: 28px;padding: 20px;}
.wy_section .bottom .b_cont li .listbox .b_wordbox .leftwords .span{font-size: 16px;}
.wy_section .bottom .b_cont li .listbox .b_wordbox .rightwords{ width:38%;padding: 20px;font-size: 14px;line-height: 28px;}
.wy_section .bottom .b_cont li .listbox .b_wordbox .rightwords .span{font-size: 16px;}
.wy_section .bottom .b_cont li .listbox .buttonbox{margin-top: 20px;}
.wy_section .bottom .b_cont li .listbox .buttonbox .button{height: 40px;line-height: 40px;}
.wy_section .bottom .b_cont li .listbox .buttonbox .button .words{font-size: 14px;margin-right: 4px;}
.wy_section .bottom .b_cont li .listbox .buttonbox .button .icon{width: 12px;height: 7px;}
}           
@media  screen and (max-width: 767px){
.wy_section .top{padding: 14px;margin-bottom: 14px;}
.wy_section .top .tit1{padding-bottom: 10px;margin-bottom: 10px;}
.wy_section .top .tit2{margin-bottom: 10px;}
.wy_section .top .tit3{font-size: 16px;}
.wy_section .bottom .types{padding: 14px;}
.wy_section .bottom .t_type li{padding: 12px 14px;}
.wy_section .bottom .b_cont li .listbox{padding: 14px;margin-bottom: 14px;}
.wy_section .bottom .b_cont li .listbox .t_pic .leftpic{width: 60%;}
.wy_section .bottom .b_cont li .listbox .t_pic .leftpic .posi{font-size: 14px;padding: 4px 16px;top: 10px;}
.wy_section .bottom .b_cont li .listbox .t_pic .rightpic{width: 38%;}
.wy_section .bottom .b_cont li .listbox .t_pic .rightpic .icon{width: 30px;height: 30px;}
.wy_section .bottom .b_cont li .listbox .b_wordbox .leftwords{ width: 60%;font-size: 12px;line-height: 24px;padding: 14px;}
.wy_section .bottom .b_cont li .listbox .b_wordbox .leftwords .span{font-size: 14px;}
.wy_section .bottom .b_cont li .listbox .b_wordbox .rightwords{ width:38%;padding: 14px;font-size: 12px;line-height: 24px;}
.wy_section .bottom .b_cont li .listbox .b_wordbox .rightwords .span{font-size: 14px;}
.wy_section .bottom .b_cont li .listbox .buttonbox{margin-top: 14px;}
.wy_section .bottom .b_cont li .listbox .buttonbox .button{height: 34px;line-height: 34px;}
}
/*弹窗*/
._pop{ float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:16; display:none;}
._col{ float:left;  font-size: 50px; position:absolute; right:-50px; top:0; width:34px; height:34px; border-radius: 100%;color: #fff;cursor: pointer;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
._htm{ float:left; width:800px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
._htm video{width: 100%;display: block;margin: 0 auto; }
@media  screen and (max-width: 1199px){
}
@media  screen and (max-width: 991px){
._col{ float:left;  font-size: 50px; position:absolute; right:-50px; top:0; width:34px; height:34px; border-radius: 100%;color: #999;cursor: pointer;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
._htm{ float:left; width:500px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
}           
@media  screen and (max-width: 767px){
._col{ float:left;  font-size: 50px; position:absolute; right:-50px; top:0; width:34px; height:34px; border-radius: 100%;color: #999;cursor: pointer;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
._htm{ float:left; width:300px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
}
/*20201223end新增*/

@media screen and (max-width: 767px) {
    .newbox{background:#f7f7f7 !important;}
}


/*20220905start*/


.pz_top .w_ts{width: 100%;position: relative;z-index: 20;}
.pz_top .w_ts .cons{width: 100%;}
.pz_top .w_ts .cons::after{content: "";display: block;clear: both;}
.pz_top .w_ts .cons .phone{float: left;font-size: 0;margin-right: 24px;}
.pz_top .w_ts .cons .phone img{width: 16px;display: inline-block;vertical-align: middle;margin-right: 14px;}
.pz_top .w_ts .cons .phone .words{font-size: 18px;color: #fff;line-height: 70px;display: inline-block;vertical-align: middle;}
.pz_top .w_ts .cons .listbox{float: left;margin-right: 24px;}
.pz_top .w_ts .cons .listbox .list{float: left;margin-right: 26px;}
.pz_top .w_ts .cons .listbox .list:last-child{margin-right: 0;}
.pz_top .w_ts .cons .listbox .list .qhbox{position: relative;}
.pz_top .w_ts .cons .listbox .list .qhbox ._t{font-size: 0;}
.pz_top .w_ts .cons .listbox .list .qhbox ._t .words{font-size: 16px;color: #ffffff;line-height: 70px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.pz_top .w_ts .cons .listbox .list .qhbox ._t img{width: 15px;display: inline-block;vertical-align: middle;}
.pz_top .w_ts .cons .listbox .list .qhbox ._b{display: none; padding: 7px 0; width: 130px;position: absolute;left: 50%;top: 100%;background-color: #fff;border: 1px solid #ebebeb;margin-left: -65px;}
.pz_top .w_ts .cons .listbox .list .qhbox ._b a{display: block;font-size: 14px;color: #333;line-height: 26px;text-align: center;}
.pz_top .w_ts .cons .listbox .list .qhbox ._b a:hover{color: #be0028;}
.pz_top .w_ts .cons .inputcon{float: left;}
.pz_top .w_ts .cons .inputcon .inputbox{float: left;position: relative;margin: 19px 7px 19px 0;}
.pz_top .w_ts .cons .inputcon .inputbox:last-child{margin-right: 0;}
.pz_top .w_ts .cons .inputcon .inputbox::after{content: "";display: block;width: 1px;height: 10px;background: #BDBAB9;position: absolute;left: 41px;top: 50%;margin-top: -5px;}
.pz_top .w_ts .cons .inputcon .inputbox input{width: 270px;height: 32px;background: #e5e5e5;padding: 0 20px 0 54px;font-size: 16px;color: #999999;}
.pz_top .w_ts .cons .inputcon .inputbox:hover input{background: #fff;}
.pz_top .w_ts .cons .inputcon .inputbox input::-webkit-input-placeholder{font-size: 16px;color: #999999;}
.pz_top .w_ts .cons .inputcon .inputbox input:-moz-placeholder{font-size: 16px;color: #999999;}
.pz_top .w_ts .cons .inputcon .inputbox input::moz-placeholder{font-size: 16px;color: #999999;}
.pz_top .w_ts .cons .inputcon .inputbox input:-ms-input-placeholder{font-size: 16px;color: #999999;}
.pz_top .w_ts .cons .inputcon .inputbox img{width: 16px;display: block;position: absolute;left: 13px;top: 50%;margin-top: -8px;}
.pz_top .w_ts .cons .logo{float: right;width: 129px;height: 40px;margin: 15px 0;}
.pz_top .w_bs{position: relative;z-index: 10;}
@media  screen and (max-width: 1230px){

}
@media  screen and (max-width: 1024px){
	.pz_top{background: #be0028;}
.pz_top .w_ts{width: auto;}
.pz_top .w_ts .cons .phone{display: none;}
.pz_top .w_ts .cons .listbox{display: none;}
.pz_top .w_ts .cons .inputcon{display: none;}
.pz_top .w_ts .cons .logo{width: 113px;height: 44px;margin: 8px 0;}
}
/*20220905end*/



.w_width{display: block;max-width: 800px;margin-left: auto;margin-right: auto;}
.ctext{padding-left: 70px;padding-right: 70px;}
@media screen and (max-width:1024px) {
.ctext{padding-left: 15px;padding-right: 15px;}
}
.pagebox{width: 100%;padding-top:66px;padding-bottom: 50px;}
.tit_box{width:100%;}
.tit_box::after{content: "";display: block;clear: both;}
.tit_box ._l{float: left;width: calc(100% - 145px);}
.tit_box .tit{float: left;width: 100%;font-size: 30px;line-height: 34px;color: #000000;}
.tit_box .box{float: left;width: 100%;margin-top: 10px;}
.tit_box .box .name{float:left;font-size: 16px;line-height: 20px;color: #be0028;margin-right: 30px;}
.tit_box .box .info{float: left;font-size: 16px;line-height: 20px;color: #888888;margin-right: 30px;}
.tit_box .box .info:last-child{margin-right: 0;}
.tit_box .box .ico{display: inline-block;vertical-align: middle;width: 14px;margin-right: 5px;margin-top: -4px;}
.tit_box .box img{display: block;width: 100%;}
.tit_box .btn{float: left;width: 145px;}
.tit_box .btn a{float: left;width: 100%;background: #ab1032;text-align: center;font-size: 16px;line-height: 38px;color: #ffffff;display: flex;align-items: center;justify-content: center;}
.tit_box .btn .ico2{display: inline-block;width: 19px;margin-right: 13px;}
@media screen and (max-width:767px) {
.pagebox{padding-top: 10px;padding-bottom: 10px;}
.tit_box ._l{width: 100%;}
.tit_box .tit{font-size: 18px;line-height: 22px;}
.tit_box .box .name{font-size: 14px;line-height: 18px;margin-right: 10px;}
.tit_box .box .info{font-size: 14px;line-height: 18px;margin-right: 10px;}
.tit_box ._r{width: 100%;}
.tit_box .btn{margin-top: 10px;width: 100px;}
.tit_box .btn a{font-size: 14px;line-height: 30px;}
.tit_box .btn .ico2{width: 14px;margin-right: 6px;}
}
.main_box{width: 100%;margin-top:28px;margin-bottom: 30px;}
.main_box .boxs2:nth-child(1){margin-bottom:20px;}
.main_box .sect1{width: 100%;background: #e9f9fc;padding: 47px 48px 37px 46px;position: relative;}
.main_box .sect1 .tit1{width: 100%;font-size:24px;line-height: 28px;color: #000000;font-weight: bold;}
.main_box .sect1 .tit2{width: 100%;font-size:18px;line-height: 30px;color: #000000;font-weight: bold;margin-top: 12px;}
.main_box .sect1 .text{width: 100%;font-size: 16px;line-height: 28px;color: #000000;font-weight: lighter;margin-top: 16px;}
.main_box .sect1::after{content: "";display: block;position: absolute;width: 17px;height: 14px;background: url(img/_zimg5.png) no-repeat;background-size: cover;left: 0;top: 0;}
.main_box .sect1::before{content: "";display: block;position: absolute;width: 17px;height: 14px;background: url(img/_zimg5.png) no-repeat;background-size: cover;right: 0;bottom: 0;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);}
.main_box .pub_tit{display: block;width: 100%;font-size: 20px;line-height: 48px;color: #ffffff;background: #d9d9d9;}
.main_box .pub_tit .back{display: inline-block;background: url(img/_zimg2.png) right no-repeat;background-size: cover;padding: 0 57px 0 40px;}
.main_box .sect2{width: 100%;}
.main_box .sect2 .cont{width: 100%;font-size: 16px;line-height: 30px;color: #000000;font-weight: lighter;margin-top: 22px;margin-bottom: 22px;}
.main_box .sect2 .text{width: 100%;padding-left: 16px;position: relative;}
.main_box .sect2 .text::after{content: "";display: block;position: absolute;width: 6px;height: 6px;border-radius: 100%;background: #be0028;left: 0;top: 12px;}
.main_box .sect3{width: 100%;}
.main_box .sect3 .ul{width: 100%;margin-top: 29px;margin-bottom: 20px;}
.main_box .sect3 .li{width: 100%;margin-bottom: 18px;}
.main_box .sect3 .li:last-child{margin-bottom: 0;}
.main_box .sect3 .quest{width: 100%;font-size: 16px;line-height: 20px;color: #be0028;font-weight: bold;}
.main_box .sect3 .answer{width: 100%;font-size: 16px;line-height: 20px;color: #000000;font-weight: lighter;margin-top: 8px;}
.main_box .sect3 .tip{width: 100%;font-size: 16px;line-height: 30px;color: #000000;}
.main_box .sect3 .talk{width: 100%;font-size: 16px;color: #000000;line-height: 28px;font-weight: bold;text-align: center;background: #e9f9fc;padding:26px 10px 23px;margin-top: 24px;position: relative;}
.main_box .sect3 .talk::after{content: "";display: block;position: absolute;width: 17px;height: 14px;background: url(img/_zimg5.png) no-repeat;background-size: cover;left: 0;top: 0;}
.main_box .sect3 .talk::before{content: "";display: block;position: absolute;width: 17px;height: 14px;background: url(img/_zimg5.png) no-repeat;background-size: cover;right: 0;bottom: 0;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);}
.main_box .sect3 .ul2{width: 100%;}
.main_box .sect3 .li2{width: 100%;}
.main_box .sect3 .li2:last-child .hr{display:none}
.main_box .sect3 .li2 .contbox{width: 100%;display: flex;flex-wrap: wrap;align-items: center;padding:30px 0;}
.main_box .sect3 .li2 ._l{float: left;width: 50%;font-size: 16px;line-height: 32px;color: #000000;padding-right: 40px;}
.main_box .sect3 .li2 ._r{float: left;width: 50%;line-height: 0;}
.main_box .sect3 img{display: block;width: 100%;}
.main_box .sect3 .li2:nth-child(2n) .contbox{flex-direction: row-reverse;}
.main_box .sect3 .li2:nth-child(2n) ._l{padding-right: 0;padding-left: 40px;}
.main_box .sect3 .hr{display: block;width: 100%;background:#d9d9d9;height: 48px;}
.main_box .sect4{width: 100%;}
.main_box .sect4 .cont{width: 100%;font-size: 16px;line-height: 28px;color: #000000;font-weight: bold;background: #e9f9fc;padding:30px 10px;text-align: center;position: relative;}
.main_box .sect4 .cont::after{content: "";display: block;position: absolute;width: 17px;height: 14px;background: url(img/_zimg5.png) no-repeat;background-size: cover;left: 0;top: 0;}
.main_box .sect4 .cont::before{content: "";display: block;position: absolute;width: 17px;height: 14px;background: url(img/_zimg5.png) no-repeat;background-size: cover;right: 0;bottom: 0;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);}
.main_box .sect4 .tip{width: 100%;font-size: 20px;line-height: 24px;color: #000000;margin-top: 28px;margin-bottom: 10px;}
.main_box .sect4 .tablebox{width: 100%;}
.main_box .sect4 .table{width: 800px;display: flex;border: 1px solid #e5e5e5;}
.main_box .sect4 .table .list{float: left;border-right: 1px solid #e5e5e5;}
.main_box .sect4 .table .l1{width: 47.75%;}
.main_box .sect4 .table .l2{width: 30.37%;}
.main_box .sect4 .table .l3{width: 21.88%;border-right: none;}
.main_box .sect4 .table .tit{width: 100%;font-size: 18px;line-height: 22px;color: #000000;font-weight: bold;height: 56px;border-bottom: 1px solid #e5e5e5;display: flex;align-items: center;padding: 0 29px;}
.main_box .sect4 .table .td{width: 100%;border-bottom: 1px solid #e5e5e5;height: 54px;font-size: 16px;line-height: 20px;color: #000000;display: flex;align-items: center;}
.main_box .sect4 .table .td:last-child{border-bottom: none;}
.main_box .sect4 .table .l1 .td{padding: 0 10px 0 28px;}
.main_box .sect4 .table .l2 .td{justify-content: center;}
.main_box .sect4 .table .l2 .tit{justify-content: center;}
.main_box .sect4 .table .l3 .td{justify-content: center;}
.main_box .sect4 .table .l3 .tit{justify-content: center;}
.main_box .sect4 .table a{color: #000000;}
.main_box .sect4 .table .open{color: #be0028;}
@media screen and (max-width:1024px) {
.main_box .sect4 .tablebox{overflow-x: scroll;}
.main_box .sect4 .tablebox::-webkit-scrollbar{ display: none;}
}
@media screen and (max-width:767px) {
.main_box{margin-top: 20px;margin-bottom: 20px;}
.main_box .pub_tit{font-size: 16px;line-height: 30px;}
.main_box .pub_tit .back{padding: 0 30px 0 20px;}
.main_box .sect1{padding: 10px;}
.main_box .sect1::after{width: 14px;height: 10px;}
.main_box .sect1:before{width: 14px;height: 10px;}
.main_box .sect1 .tit1{font-size: 18px;line-height: 22px;}
.main_box .sect1 .tit2{font-size: 16px;line-height: 24px;margin-top: 8px;}
.main_box .sect1 .text{font-size: 14px;line-height: 22px;margin-top: 10px;}
.main_box .sect2 .cont{font-size: 14px;line-height: 24px;margin:10px 0;}
.main_box .sect3 .ul{margin: 10px 0 8px 0;}
.main_box .sect3 .li{margin-bottom: 10px;}
.main_box .sect3 .quest{font-size: 14px;line-height: 18px;}
.main_box .sect3 .answer{font-size: 14px;line-height: 18px;margin-top: 4px;}
.main_box .sect3 .tip{font-size: 14px;line-height: 22px;}
.main_box .sect3 .talk{margin-top: 10px;padding: 10px;font-size: 14px;line-height: 20px;}
.main_box .sect3 .talk::after{width: 14px;height: 10px;}
.main_box .sect3 .talk::before{width: 14px;height: 10px;}
.main_box .sect3 .talk br{display: none;}
.main_box .sect3 .li2 .contbox{padding: 10px 0;}
.main_box .sect3 .li2 ._l{width: 100%;font-size: 14px;line-height: 20px;padding-right: 0;margin-bottom: 10px;}
.main_box .sect3 .li2 ._r{width: 100%;}
.main_box .sect3 .hr{height: 20px;}
.main_box .sect3 .li2:nth-child(2n) ._l{padding-left: 0;}
.main_box .sect4 .cont{padding: 10px;font-size: 14px;line-height: 20px;}
.main_box .sect4 .cont::after{width: 14px;height: 10px;}
.main_box .sect4 .cont::before{width: 14px;height: 10px;}
.main_box .sect4 .cont br{display: none;}
.main_box .sect4 .tip{font-size: 16px;line-height: 20px;margin-top: 10px;margin-bottom: 10px;}
.main_box .sect4 .table .tit{height: 40px;}
.main_box .sect4 .table .td{height: 38px;font-size: 14px;line-height: 18px;}
}
.pagation{width: 100%;}
.pagation a{display: block;width: 100%;font-size: 16px;line-height: 20px;color: #000000;padding: 14px 22px;background:#d9d9d9;margin-bottom: 3px;}
.pagation a:hover{background: #be0028;color: #ffffff;}
@media screen and (max-width:767px) {
    .pagation a{font-size: 14px;line-height: 18px;padding: 10px 15px;} 
}




/*20240816start*/
.w_1600{max-width: 1600px;margin-left: auto;margin-right: auto;}
.w_1920{max-width: 1920px;margin-left: auto;margin-right: auto;}



.wyb_s{width: 100%;position: fixed;left: 0;top: 0;z-index: 99999;background: #be0028;float:left;}
.t_navs{ width: 100%;}
.t_navs .top{ width: 100%;position: relative;display: flex;justify-content: space-between;align-items: center;flex-direction:row-reverse;}
.t_navs .top .logos{line-height: 0; }
.t_navs .top .logos a{display: block;}
.t_navs .top .logos img{ width: auto; height: 45px;}
.t_navs .top .logos .img2{display: none;}
.t_navs .top .right{display: flex;justify-content: flex-start;align-items: center;}
.t_navs .top .menus{display: flex;justify-content: flex-start;align-items: center;margin-left: -32px;}
.t_navs .top .menus .l1{position: relative;padding: 0 24px;}
.t_navs .top .menus .l1 .a1{ display: block;color: #ffffff; position: relative;padding: 0 6px;line-height: 94px; font-size: 16px;}
.t_navs .top .menus .l1 .a1::after,.t_navs .top .menus .l1 .a1::after{ content: ""; display: block; width: 0; height: 2px; background: #fff; position: absolute; bottom: 0; left: 50%;transform: translate(-50%,0);
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.t_navs .top .menus .l1.on .a1::after,.t_navs .top .menus .l1:hover .a1::after{width: 100%;}
.t_navs .top .u2{min-width: 160px; top:100%; left: 50%;z-index: 4;box-shadow: 0 0 30px rgba(0,0,0,0.1);height: auto;position: absolute;border-radius: 5px;opacity: 0;visibility: hidden;
transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-o-transform: translate(-50%,0);}
.t_navs .top .l1:hover .u2{-webkit-transition: all .85s;opacity: 1;visibility: visible;}
.t_navs .top .u2 .l2{ width: 100%;margin-top: 1px;background: #eee;}
.t_navs .top .u2 .l2 .a2{ display: block; color: #555;text-align: center;font-size: 14px;line-height: 20px;padding: 10px 30px;white-space:nowrap;-webkit-transform: translateY(5px);opacity: 0;position: relative;
transition: All 0s ease-in-out;
-webkit-transition: All 0s ease-in-out;
-moz-transition: All 0s ease-in-out;
-o-transition: All 0s ease-in-out;}
.t_navs .top .u2 .l2 .a2::after{width: 0px;height: 1px;position: absolute;left: 50%;margin-left: 0px;content: '';bottom: 0px;background: rgba(255, 255, 255, .3);-webkit-transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1);}
.t_navs .top .u2 .l2 .a2:hover::after{width: 60px;margin-left: -30px;}
.t_navs .top .u2 .l2 .a2:hover{color: #C01;-webkit-transition: all .5s ease .1s!important;}
.t_navs .top .l1:hover .u2 .l2 .a2{-webkit-transition: all .5s ease 0s;-webkit-transform: translateY(0px);opacity: 1;}
.t_navs .top .pc_dh{margin-left: 62px;background: #990121;padding: 0 18px;display: flex;justify-content: flex-start;align-items: center;border-radius: 20px;}
.t_navs .top .pc_dh img{width: 20px;display: block;margin-right: 6px;}
.t_navs .top .pc_dh .wz{font-size: 14px;color: #ffffff;line-height: 40px;}
.t_navs .top .xl_btn{margin-left: 25px;position: relative;}
.t_navs .top .xl_btn ._t{padding: 0 16px;display: flex;justify-content: center;align-items: center;background: #990121;border-radius: 20px;margin: 27px 0;cursor: pointer;}
.t_navs .top .xl_btn ._t .wz{font-size: 14px;color: #ffffff;line-height: 40px;margin-right: 4px;}
.t_navs .top .xl_btn ._t img{width: 16px;display: block;}
.t_navs .top .xl_btn ._b{width: 120px;position: absolute;left: 50%;top: 100%;transform: translate(-50%,0);background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);padding: 10px 0;display: none;}
.t_navs .top .xl_btn ._b a{display: block;width: 100%;font-size: 15px;color: #333;line-height: 40px;text-align: center;}
.t_navs .top .xl_btn ._b a:hover{background: #ef233c;color: #fff;}
.t_navs .top .pc_ss{margin-left: 25px;position: relative;}
.t_navs .top .pc_ss ._t{width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;background: #990121;margin: 27px 0;border-radius: 100%;cursor: pointer;}
.t_navs .top .pc_ss ._t img{width: 24px;display: block;}
.t_navs .top .pc_ss ._b{width: 100%;position: fixed;left: 0;top: 94px;background: rgba(0,0,0,0.68);padding: 14px 70px;display: none;}
.t_navs .top .pc_ss ._b .input{width: 870px;margin: 0 auto;position: relative;border-bottom: 1px solid rgba(255,255,255,0.17);padding: 0 60px 0 10px;}
.t_navs .top .pc_ss ._b .input input{width: 100%;height: 44px;display: block;font-size: 18px;color: #fff;background: rgba(255,255,255,0);}
.t_navs .top .pc_ss ._b .input input::-webkit-input-placeholder{font-size:18px;color:rgba(255,255,255,0.2);opacity: 1;}
.t_navs .top .pc_ss ._b .input input::-moz-placeholder{font-size:18px;color:rgba(255,255,255,0.2);opacity: 1;}
.t_navs .top .pc_ss ._b .input input::moz-placeholder{font-size:18px;color:rgba(255,255,255,0.2);opacity: 1;}
.t_navs .top .pc_ss ._b .input input:-ms-input-placeholder{font-size:18px;color:rgba(255,255,255,0.2);opacity: 1;}
.t_navs .top .pc_ss ._b .input img{width: 24px;display: block;position: absolute;right: 10px;top: 50%;transform: translate(0,-50%);}
.t_navs .menuph{ display: none;}
.t_navs .xialaph{ display: none;}
.t_navs .top .l1:hover .u2 .l2:nth-child(2) .a2{-webkit-transition: all .5s ease .1s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(3) .a2{-webkit-transition: all .5s ease .2s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(4) .a2{-webkit-transition: all .5s ease .3s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(5) .a2{-webkit-transition: all .5s ease .4s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(6) .a2{-webkit-transition: all .5s ease .5s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(7) .a2{-webkit-transition: all .5s ease .6s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(8) .a2{-webkit-transition: all .5s ease .7s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(9) .a2{-webkit-transition: all .5s ease .8s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(10) .a2{-webkit-transition: all .5s ease .9s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(11) .a2{-webkit-transition: all .5s ease 1s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(12) .a2{-webkit-transition: all .5s ease 1.1s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(13) .a2{-webkit-transition: all .5s ease 1.2s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(14) .a2{-webkit-transition: all .5s ease 1.3s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(15) .a2{-webkit-transition: all .5s ease 1.4s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(16) .a2{-webkit-transition: all .5s ease 1.5s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(17) .a2{-webkit-transition: all .5s ease 1.6s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(18) .a2{-webkit-transition: all .5s ease 1.7s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(19) .a2{-webkit-transition: all .5s ease 1.8s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(20) .a2{-webkit-transition: all .5s ease 1.9s;}
@media screen and (max-width:1720px) {
.t_navs .top .menus .l1{padding: 0 20px;}
.t_navs .top .menus .l1 .a1{padding: 0;}
}
@media screen and (max-width:1550px) {
.t_navs .top .menus .l1{padding: 0 14px;}
.t_navs .top .pc_dh{margin-left: 30px;}
}
@media screen and (max-width:1440px) {
.t_navs .top .menus .l1{padding: 0 16px;}
.t_navs .top .pc_dh{margin-left: 20px;}
.t_navs .top .xl_btn{margin-left: 16px;}
.t_navs .top .pc_ss{margin-left: 16px;}
}
@media screen and (max-width:1360px) {
.t_navs .top .menus .l1{padding: 0 12px;}
.t_navs .top .menus .l1 .a1{padding: 0;font-size: 14px;}
.t_navs .top .pc_dh{margin-left: 10px;}
.t_navs .top .xl_btn{margin-left: 12px;}
.t_navs .top .pc_ss{margin-left: 12px;}
}
@media screen and (max-width:1210px) {
.t_navs .top .menus .l1{padding: 0 10px;}
.t_navs .top .menus .l1 .a1{padding: 0;font-size: 13px;}
.t_navs .top .pc_dh{margin-left: 8px;}
.t_navs .top .xl_btn{margin-left: 10px;}
.t_navs .top .pc_ss{margin-left: 10px;}
.t_navs .top .pc_dh .wz{font-size: 13px;}
.t_navs .top .logos img{height: 38px;}
}
@media screen and (max-width:1120px) {
.t_navs .top .menus .l1 .a1{font-size: 12px;}
}
@media screen and (max-width:1080px) {
.t_navs .top .menus .l1{padding: 0 8px;}
.t_navs .top .menus .l1 .a1{font-size: 12px;}
.t_navs .top .pc_dh img{width: 18px;}
.t_navs .top .pc_dh .wz{font-size: 12px;}
.t_navs .top .xl_btn ._t .wz{font-size: 12px;}
.t_navs .top .pc_ss ._t img{width: 20px;}
.t_navs .top .xl_btn{margin-left: 6px;}
.t_navs .top .pc_ss{margin-left: 6px;}
}
@media screen and (max-width:1024px) {
/*WAP head*/
.t_navs .top .menus{ display: none;}
.t_navs .top .pc_dh{display: none;}
.t_navs .menuph{ display: block;}
.t_navs .xialaph{ display: block;}
.t_navs .top .xl_btn{margin-left: 0;}
.t_navs .top .xl_btn ._t{padding: 0 14px;border-radius: 17px;margin: 8px 0;}
.t_navs .top .xl_btn ._t .wz{line-height: 34px;}
.t_navs .top .xl_btn ._b{width: 100px;}
.t_navs .top .xl_btn ._b a{font-size: 14px;line-height: 36px;}
.t_navs .top .pc_ss{margin-left: 12px;margin-right: 14px;}
.t_navs .top .pc_ss ._t{width: 34px;height: 34px;margin: 0;}
.t_navs .top .pc_ss ._t img{width: 22px;}
.t_navs .top .pc_ss ._b{top: 50px;padding: 12px 20px;}
.t_navs .top .pc_ss ._b .input{width: 100%;padding: 0 50px 0 10px;;}
.t_navs .top .pc_ss ._b .input input{height: 36px;font-size: 14px;}
.t_navs .top .pc_ss ._b .input input::-webkit-input-placeholder{font-size:14px;}
.t_navs .top .pc_ss ._b .input input::-moz-placeholder{font-size:14px;}
.t_navs .top .pc_ss ._b .input input::moz-placeholder{font-size:14px;}
.t_navs .top .pc_ss ._b .input input:-ms-input-placeholder{font-size:14px;}
.t_navs .top .pc_ss ._b .input img{width: 20px;}
.t_navs .top{ padding: 0 8px 0 15px; width: 100%; position: fixed; top: 0; left: 0; z-index: 4;background: #be0028;box-shadow: 0 0 20px rgba(0,0,0,0.1);flex-direction: row;}
.t_navs .top .logos{ margin: 10px 0;}
.t_navs .top .logos img{ height: 30px;}
.t_navs .menuph{float: right; width: 40px; height: 40px; cursor: pointer; text-align: center; margin: 5px 0;}
.t_navs .menuph .menu-toggle {width: 40px;height: 40px;position: absolute;overflow: hidden;z-index: 111;}
.t_navs .menuph .cd-nav-trigger {display: block;width: 40px;height: 40px;}
.t_navs .menuph .menu-toggle span.hamburger {content:"";display:block;width:18px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1px;left: 8px;margin-left:0;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.t_navs .menuph .menu-toggle span.hamburger:after,
.t_navs .menuph .menu-toggle span.hamburger:before{content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:0;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.t_navs .menuph .menu-toggle span.hamburger:after {margin-top:-8px;top:0;transition-delay:0.27s;}
.t_navs .menuph .menu-toggle span.hamburger:before {margin-top:8px;top:0;transition-delay:0.2s;}
.t_navs .menuph .menu-toggle span.hamburger span{width: 2px;height: 2px;display: block;background: #fff;position: absolute;right: 20px;top:50%;margin-top:-1px;}
.t_navs .menuph .menu-toggle span.hamburger .span1{margin-top: -9px;}
.t_navs .menuph .menu-toggle span.hamburger .span3{margin-top: 7px;}
.t_navs .menuph .menu-toggle span.cross:before,
.t_navs .menuph .menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.t_navs .menuph .menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.t_navs .menuph .menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.t_navs .menuph .cross::before,
.t_navs .menuph .cross::after {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.t_navs .menuph.active .menu-toggle span.hamburger,
.t_navs .menuph.active .menu-toggle span.hamburger:after,
.t_navs .menuph.active .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
.t_navs .menuph.active .menu-toggle span.hamburger:after {transition-delay:0s;}
.t_navs .menuph.active .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.t_navs .menuph.active .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #fff;}
.t_navs .menuph.active .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #fff;}
.t_navs .xialaph{ position: fixed; right: 0; top: 50px;width: 100%; height: calc(100vh - 50px);overflow: scroll; padding: 10px 20px 60px 20px;z-index:3; background: #fff;display: none;}
.t_navs .xialaph .a1box,
.t_navs .xialaph .a2box{position: relative;}
.t_navs .xialaph .icobox{width: 40px;height: 40px;position: absolute;right: 0;top: 50%;transform: translate(0,-50%);}
.t_navs .xialaph .ico{height: 28px;position: absolute;right: 0;top: 50%;margin-top: -14px;z-index: 4;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.t_navs .xialaph .ico img{height: 100%;display: block;}
.t_navs .xialaph .ico img.img2{display: none;}
.t_navs .xialaph .icobox.on img.img1{display: none;}
.t_navs .xialaph .icobox.on img.img2{display: block;}
.t_navs .xialaph .icobox.on .ico{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);}
.t_navs .xialaph .u1{width: 100%;margin-bottom: 20px;}
.t_navs .xialaph .l1{width: 100%;}
.t_navs .xialaph .a1{width: 100%;font-size: 16px;color: #333;line-height: 26px;position: relative;padding: 12px 40px 12px 0;display: block;border-bottom: 1px solid rgba(0,0,0,0.1);}
.t_navs .xialaph .u2{width: 100%;padding-left: 20px;padding-right: 20px;border-bottom: 1px solid rgba(0,0,0,0.1);display: none;}
.t_navs .xialaph .l2{width: 100%;}
.t_navs .xialaph .a2{width: 100%;font-size: 16px;color: #333;line-height: 22px;position: relative;padding: 10px 40px 10px 0;display: block;border-bottom: 1px solid rgba(0,0,0,0.1);}
.t_navs .xialaph .u3{padding-left: 20px;padding-right: 20px; border-bottom: 1px solid rgba(0,0,0,0.1);display: none;}
.t_navs .xialaph .l2:last-child .u3{border-bottom: 0;}
.t_navs .xialaph .l2:last-child .a2{border-bottom: 0;}
.t_navs .xialaph .l3{width: 100%;}
.t_navs .xialaph .a3{font-size: 14px;color: #333;line-height: 20px;padding-top: 8px;padding-bottom: 8px;border-bottom: 1px solid rgba(0,0,0,0.1);display: block;}
.t_navs .xialaph .l3:last-child .a3{border-bottom: 0;}
.t_navs .xialaph .input_box{width: 100%;border-bottom: 1px solid rgba(0,0,0,0.1);margin-bottom: 20px;position: relative;}
.t_navs .xialaph .input_box input{width: 100%;height: 40px;padding-right: 60px;font-size: 16px;color: #5a5a5a;}
.t_navs .xialaph .input_box input::-webkit-input-placeholder{font-size: 16px;color: #5a5a5a;}
.t_navs .xialaph .input_box input::-moz-placeholder{font-size: 16px;color: #5a5a5a;}
.t_navs .xialaph .input_box input::moz-placeholder{font-size: 16px;color: #5a5a5a;}
.t_navs .xialaph .input_box input:-ms-input-placeholder{font-size: 16px;color: #5a5a5a;}
.t_navs .xialaph .input_box img{width: 24px;cursor: pointer;position: absolute;right: 14px;top: 50%;margin-top: -12px;}
.t_navs .xialaph .yyqh_box{width: 100%;font-size: 0;text-align: center;}
.t_navs .xialaph .yyqh_box a{display: inline-block;vertical-align: middle;font-size: 16px;color: #5a5a5a;line-height: 20px;margin-right: 14px;}
.t_navs .xialaph .yyqh_box a:last-child{margin-right: 0;}
.t_navs .xialaph .yyqh_box a.on,
.t_navs .xialaph .yyqh_box a:hover{color: #333;}
}


.phshow{display: none!important;}
@media screen and (max-width:1024px) {
.pcshow{display: none!important;}
.phshow{display: block!important;}
.swiper-App{height: auto!important;}
.wrapperbox{height: auto!important;transform: none!important;display: block!important;}
.slibox{height: auto!important;}
}

/*首页*/
.sy_banner{width: 100%;position: relative;padding-top: 94px;height: 100vh;overflow: hidden;float:left;}
.sy_banner .qh_t{width: 100%;}
.sy_banner .qh_t .li{position: relative;}
.sy_banner .qh_t .li .pcshow{width: 100%;height: calc(100vh - 94px);}
.sy_banner .qh_t .li .wzbox{width: 100%;position: absolute;left: 0;top: 36%;transform: translate(0,-50%);}
.sy_banner .qh_t .li .bt1{font-size: 56px;color: #ffffff;line-height: 60px;margin-bottom: 40px;text-transform:uppercase;}
.sy_banner .qh_t .li .bt2{font-size: 30px;color: #ffffff;line-height: 40px;margin-bottom: 40px;}
.sy_banner .qh_t .li .more a{width: 160px;font-size: 16px;color: #fff;line-height: 40px;border: 1px solid #ef233c;text-align: center;background: #ef233c;display: block;}
.sy_banner .qh_t .li .more a:hover{background: #fff;color: #ef233c;}
.sy_banner .qh_t .slick-dots{position: absolute; bottom: 250px; height: 10px; text-align: center;}
.sy_banner .qh_t .slick-dots li{ vertical-align: top; width: 10px; height: 10px;border-radius: 100%; margin: 0 5px; border: 1px solid #fff;}
.sy_banner .qh_t .slick-dots li.slick-active{ background: #fff;}
.sy_banner .qh_t .slick-dots li button{font-size: 0;}
.sy_banner .qh_bbox{width: 100%;position: absolute;left: 0;bottom: 0;}
.sy_banner .qh_bbox .qh_b{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.sy_banner .qh_bbox .qh_b li{width: 33.333%; min-height: 214px;display: flex;justify-content: flex-start;align-items: flex-end;}
.sy_banner .qh_bbox .qh_b a{display: flex;justify-content: space-between;align-items: flex-start;padding: 32px 40px 34px 40px;background: rgba(0,0,0,0.3);width: 100%;border-right: 1px solid rgba(255,255,255,0.1);}
.sy_banner .qh_bbox .qh_b a .wz1{font-size: 24px;color: rgba(255,255,255,0.5);line-height: 28px;margin-bottom: 12px;}
.sy_banner .qh_bbox .qh_b a .wz2{font-size: 24px;color: #ffffff;line-height: 28px;margin-bottom: 40px;}
.sy_banner .qh_bbox .qh_b a .wz3{font-size: 16px;color: rgba(255,255,255,1);line-height: 20px;}
.sy_banner .qh_bbox .qh_b a .icobox{width: 60px;margin-bottom: 62px;}
.sy_banner .qh_bbox .qh_b a .icobox img{width: 100%;display: block;}
.sy_banner .qh_bbox .qh_b a .icobox .ico2{display: none;}
.sy_banner .qh_bbox .qh_b a .more1{display: none;}
.sy_banner .qh_bbox .qh_b a .more2{display: flex;justify-content: flex-end;align-items: flex-start;width: 60px;}
.sy_banner .qh_bbox .qh_b a .more2 img{width: 30px;display: block;}
.sy_banner .qh_bbox .qh_b li:hover a{padding: 40px 13px 13px 40px;border-bottom: 10px solid #d92037;}
.sy_banner .qh_bbox .qh_b li:hover a .wz1{color: rgba(0,0,0,0.2);margin-bottom: 12px;}
.sy_banner .qh_bbox .qh_b li:hover a .wz2{color: #ef233c;margin-bottom: 50px;}
.sy_banner .qh_bbox .qh_b li:hover a .wz3{color: rgba(0,0,0,0.5);}
.sy_banner .qh_bbox .qh_b li:hover a{background: #f4f4f4;}
.sy_banner .qh_bbox .qh_b li:hover a .icobox{width: 160px;margin-bottom: 50px;display: flex;justify-content: flex-end;align-items: flex-start;padding-right: 26px;}
.sy_banner .qh_bbox .qh_b li:hover a .icobox img{width: 60px;}
.sy_banner .qh_bbox .qh_b li:hover a .icobox .ico1{display: none;}
.sy_banner .qh_bbox .qh_b li:hover a .icobox .ico2{display: block;}
.sy_banner .qh_bbox .qh_b li:hover a .more1{display: block;font-size: 16px;color: #ffffff;line-height: 40px;background: #ef233c;width: 160px;border: 1px solid #ef233c;text-align: center;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_banner .qh_bbox .qh_b li:hover a .more1:hover{background: #fff;color: #ef233c;}
.sy_banner .qh_bbox .qh_b li:hover a .more2{display: none;}
@media screen and (max-width:1680px) {
.sy_banner .qh_t .li .bt1{font-size: 40px;line-height: 50px;margin-bottom: 30px;}
.sy_banner .qh_t .li .bt2{font-size: 24px;line-height: 30px;margin-bottom: 30px;}
.sy_banner .qh_t .li .more a{width: 140px;font-size: 14px;line-height: 40px;}
.sy_banner .qh_bbox .qh_b a .wz1{font-size: 18px;}
.sy_banner .qh_bbox .qh_b a .wz2{font-size: 18px;}
.sy_banner .qh_bbox .qh_b a .wz3{font-size: 12px;}
}
@media screen and (max-width:1024px) {
.sy_banner{margin-top: 50px;padding-top: 0;height: auto;}
.sy_banner .qh_t .li .wzbox{top: 46%;}
.sy_banner .qh_t .li .bt1{font-size: 20px;line-height: 24px;margin-bottom: 12px;text-align: center;}
.sy_banner .qh_t .li .bt2{font-size: 16px;line-height: 20px;margin-bottom: 12px;text-align: center;}
.sy_banner .qh_t .li .more a{width: 110px;font-size: 14px;line-height: 34px;margin: 0 auto;}
.sy_banner .qh_t .slick-dots{bottom: 20px; height: 8px;}
.sy_banner .qh_t .slick-dots li{width: 8px; height: 8px;margin: 0 4px;}
.sy_banner .qh_bbox{position: static;}
.sy_banner .qh_bbox .qh_b li{min-height: 1px;display: block;width: 100%;border-bottom: 1px solid #fff;}
.sy_banner .qh_bbox .qh_b a{padding: 14px!important;display: block;background: #d3f3f9;
transition: All 0s ease-in-out;
-webkit-transition: All 0s ease-in-out;
-moz-transition: All 0s ease-in-out;
-o-transition: All 0s ease-in-out;}
.sy_banner .qh_bbox .qh_b a .left{display: flex;justify-content: flex-start;align-items: center;}
.sy_banner .qh_bbox .qh_b a .left ._lico{width: 40px;}
.sy_banner .qh_bbox .qh_b a .left ._lico img{width: 100%;display: block;}
.sy_banner .qh_bbox .qh_b a .left ._lico .phico2{display: none;}
.sy_banner .qh_bbox .qh_b li:hover a .left ._lico .phico1{display: none;}
.sy_banner .qh_bbox .qh_b li:hover a .left ._lico .phico2{display: block;}
.sy_banner .qh_bbox .qh_b a .left .wz_lbox{width: calc(100% - 70px);padding-left: 12px;padding-right: 20px;}
.sy_banner .qh_bbox .qh_b a .left ._lmore{width: 30px;}
.sy_banner .qh_bbox .qh_b a .left ._lmore img{width: 100%;display: block;}
.sy_banner .qh_bbox .qh_b a .left ._lmore .img1{display: none;}
.sy_banner .qh_bbox .qh_b li:hover a .left ._lmore .img1{display: block;}
.sy_banner .qh_bbox .qh_b li:hover a .left ._lmore .img2{display: none;}
.sy_banner .qh_bbox .qh_b a .wz1{font-size: 16px;line-height: 20px;margin-bottom: 4px;color: #1a1a1a;}
.sy_banner .qh_bbox .qh_b a .wz2{font-size: 14px;line-height: 20px;margin-bottom: 0;color: #1a1a1a;}
.sy_banner .qh_bbox .qh_b a .wz3{font-size: 14px;line-height: 18px;display: none;}
.sy_banner .qh_bbox .qh_b li:hover a{background: #ef233c;}
.sy_banner .qh_bbox .qh_b a .right{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-top: 12px;display: none;}
.sy_banner .qh_bbox .qh_b a .icobox{width: 40px;margin-bottom: 0;}
.sy_banner .qh_bbox .qh_b a .icobox img{width: 100%;display: block;}
.sy_banner .qh_bbox .qh_b a .icobox .ico2{display: none;}
.sy_banner .qh_bbox .qh_b a .more2{width: 24px;}
.sy_banner .qh_bbox .qh_b a .more2 img{width: 24px;}
.sy_banner .qh_bbox .qh_b li:hover a{padding: 14px;border-bottom: 0;}
.sy_banner .qh_bbox .qh_b li:hover a .wz1{margin-bottom: 4px;color: #fff;}
.sy_banner .qh_bbox .qh_b li:hover a .wz2{margin-bottom: 0;color: #fff;}
.sy_banner .qh_bbox .qh_b li:hover a .icobox{width: 40px;margin-bottom: 0;display: block; padding-right: 0;}
.sy_banner .qh_bbox .qh_b li:hover a .icobox img{width: 40px;}
.sy_banner .qh_bbox .qh_b li:hover a .more1{;font-size: 13px;line-height: 30px;width: 90px;}
}

.sy_section1{width: 100%;display: flex;justify-content: flex-start;align-items: stretch;height: 100vh;overflow: hidden;float:left;}
.sy_section1 .left{width: 50.52083333333333%;padding-top: 94px;}
.sy_section1 .left .l_box{width: 100%;padding: 200px 40px 20px 160px;}
.sy_section1 .left .bt{font-size: 48px;color: #1a1a1a;line-height: 52px;margin-bottom: 100px;}
.sy_section1 .left .ul{margin-bottom: 50px;}
.sy_section1 .left .li{width: 100%;margin-bottom: 24px;cursor: pointer;}
.sy_section1 .left .li:last-child{margin-bottom: 0;}
.sy_section1 .left .ul .btbox{width: 100%;display: flex;justify-content: flex-start;align-items: center;}
.sy_section1 .left .ul .btbox .icobox{width: 24px;}
.sy_section1 .left .ul .btbox img{display: block;width: 100%;}
.sy_section1 .left .ul .btbox .ico2{display: none;}
.sy_section1 .left .ul .btbox .wz{font-size: 20px;color: #1a1a1a;line-height: 24px;width: calc(100% - 24px);padding-left: 16px;}
.sy_section1 .left .ul .jj{font-size: 16px;color: #b0b0b0;line-height: 20px;margin-top: 8px;padding-left: 40px;display: none;text-transform:uppercase;}
.sy_section1 .left .more a{display: block;font-size: 16px;color: #ffffff;line-height: 40px;border: 1px solid #ef233c; text-align: center;width: 160px;background: #ef233c;}
.sy_section1 .left .more a:hover{background: #fff;color: #ef233c;}
.sy_section1 .left .ul .li.on .btbox .ico1{display: none;}
.sy_section1 .left .ul .li.on .btbox .ico2{display: block;}
.sy_section1 .left .ul .li.on .btbox .wz{color: #be0028;}
.sy_section1 .left .ul .li.on .jj{display: block;}
.sy_section1 .right{width: 49.47916666666667%;}
.sy_section1 .right .pcshow{width: 100%;height: 100vh;}
@media screen and (max-width:1680px) {
.sy_section1 .left .l_box{padding: 100px 40px 20px 160px;}
}
@media screen and (max-width:1400px) {
.sy_section1 .left .bt{margin-bottom: 60px;font-size: 36px;line-height: 42px;}
.sy_section1 .left .l_box{padding: 80px 40px 20px 70px;}
}
@media screen and (max-width:1280px) {
.sy_section1 .left .bt{margin-bottom: 40px;}
.sy_section1 .left .l_box{padding: 50px 40px 20px 70px;}
}
@media screen and (max-width:1024px) {
.sy_section1{display: block;padding: 30px 15px;height: auto;}
.sy_section1 .left{padding-top: 0;margin-bottom: 20px;width: 100%;}
.sy_section1 .left .l_box{padding: 0;position: relative;}
.sy_section1 .left .bt{font-size: 20px;line-height: 24px;margin-bottom: 16px;text-align: center;}
.sy_section1 .left .ul{margin-bottom: 0;margin: -6px;width: calc(100% + 12px);display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.sy_section1 .left .li{margin-bottom: 0;padding: 6px;width: 50%;}
.sy_section1 .left .ul .btbox .icobox{width: 22px;}
.sy_section1 .left .ul .btbox .wz{font-size: 15px;line-height: 22px;width: calc(100% - 22px);padding-left: 8px;}
.sy_section1 .left .ul .jj{font-size: 14px;padding-left: 0;display: block;}
.sy_section1 .left .ul .slick-dots{position: absolute; bottom: 0; height: 8px; text-align: center;}
.sy_section1 .left .ul .slick-dots li{ vertical-align: top; width: 8px; height: 8px;border-radius: 100%; margin: 0 4px; background: #dddddd;}
.sy_section1 .left .ul .slick-dots li.slick-active{ background: #be0028;}
.sy_section1 .left .ul .slick-dots button{font-size: 0;}
.sy_section1 .left .more{margin-top: 14px;}
.sy_section1 .left .more a{font-size: 14px;line-height: 34px;width: 110px;margin: 0 auto;}
.sy_section1 .right{width: 100%;}
.sy_section1 .right img{width: 100%;display: block;}
}

.sy_section2{width: 100%;background: #d3f3f9;display: flex;justify-content: flex-start;align-items: stretch;flex-direction:row-reverse;height: 100vh;overflow: hidden;float:left;}
.sy_section2 .left{width: 49.53125%;padding-top: 94px;display: flex;justify-content: center;align-items: center;}
.sy_section2 .left .l_box{padding: 0 160px 0 140px;width: 100%;}
.sy_section2 .left .bt{font-size: 48px;color: #1a1a1a;line-height: 52px;margin-bottom: 84px;}
.sy_section2 .left .jj1{font-size: 28px;color: #1a1a1a;line-height: 39px;margin-bottom: 36px;text-transform:uppercase;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.sy_section2 .left .jj2{font-size: 16px;color: #1a1a1a;line-height: 26px;margin-bottom: 82px;text-transform:uppercase;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
.sy_section2 .left .line{width: 100%;height: 3px;margin-bottom: 64px;}
.sy_section2 .left .more a{display: block;font-size: 16px;color: #ffffff;line-height: 40px;border: 1px solid #ef233c; text-align: center;width: 160px;background: #ef233c;}
.sy_section2 .left .more a:hover{background: #fff;color: #ef233c;}
.sy_section2 .right{width: 50.46875%;}
.sy_section2 .right .pcshow{width: 100%;height: 100vh;}
.sy_section2 .left .slick-dots{position: absolute; bottom: 105px; height: 3px; text-align: center;width: 100%;background: #c7e3e8;display: flex;justify-content: flex-start;align-items: flex-start;}
.sy_section2 .left .slick-dots li{ display: block; width: 100%; height: 3px;background: rgba(255,255,255,0);
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section2 .left .slick-dots li.slick-active{ background: #ef233c;}
.sy_section2 .left .slick-dots button{font-size: 0;}
@media screen and (max-width:1680px) {
.sy_section2 .left .l_box{padding: 0 160px 0 100px;}
.sy_section2 .left .bt{font-size: 36px;line-height: 40px;margin-bottom: 60px;}
.sy_section2 .left .jj1{font-size: 24px;line-height: 32px;margin-bottom: 30px;}
.sy_section2 .left .jj2{font-size: 14px;line-height: 22px;margin-bottom: 60px;}
.sy_section2 .left .line{margin-bottom: 40px;}
.sy_section2 .left .slick-dots{bottom: 82px;}
}
@media screen and (max-width:1280px) {
.sy_section2 .left .l_box{padding: 0 70px 0 70px;}
.sy_section2 .left .bt{font-size: 30px;line-height: 34px;margin-bottom: 40px;}
.sy_section2 .left .jj1{font-size: 20px;line-height: 26px;margin-bottom: 20px;}
.sy_section2 .left .jj2{margin-bottom: 40px;}
.sy_section2 .left .line{margin-bottom: 30px;}
.sy_section2 .left .slick-dots{bottom: 72px;}
}
@media screen and (max-width:1024px) {
.sy_section2{display: block;height: auto;padding: 30px 15px;}
.sy_section2 .left{padding-top: 0;display: block;width: 100%;margin-bottom: 20px;}
.sy_section2 .left .l_box{padding: 0;}
.sy_section2 .left .bt{font-size: 20px;line-height: 24px;margin-bottom: 10px;text-align: center;}
.sy_section2 .left .jj1{font-size: 16px;line-height: 24px;margin-bottom: 12px;text-align: center;}
.sy_section2 .left .jj2{font-size: 14px;line-height: 24px;margin-bottom: 12px;text-align: center;}
.sy_section2 .left .jj2 br{display: none;}
.sy_section2 .left .line{height:2px;margin-bottom: 12px;}
.sy_section2 .left .more a{font-size: 14px;line-height: 34px;width: 110px;margin: 0 auto;}
.sy_section2 .right{width: 100%;}
.sy_section2 .right img{width: 100%;display: block;}
.sy_section2 .left .slick-dots{bottom: 48px; height: 2px;}
.sy_section2 .left .slick-dots li{height: 2px;}
}

.sy_section3{width: 100%;padding-top: 94px;height: 100vh;overflow: hidden;background-color: #f7f8f9;display: flex;justify-content: center;align-items: center;float:left;}
.sy_section3 .title{font-size: 48px;color: #1a1a1a;line-height: 52px;margin-bottom: 96px;text-align: center;}
.sy_section3 .ulbox{width: 100%;margin-bottom: 50px;}
.sy_section3 ul{margin: 0 -24px;width: calc(100% + 48px);}
.sy_section3 ul li{padding: 0 24px;}
.sy_section3 ul a{display: block;width: 100%;background: #ffffff;padding: 66px 70px 66px 50px;}
.sy_section3 ul a .date{font-size: 16px;color: #1a1a1a;line-height: 20px;margin-bottom: 20px;}
.sy_section3 ul a .bt{font-size: 28px;color: #1a1a1a;line-height: 40px;margin-bottom: 14px;min-height: 80px;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.sy_section3 ul a .jj{font-size: 16px;color: #1a1a1a;line-height: 26px;min-height: 52px;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.sy_section3 ul a:hover{background: #ef233c;}
.sy_section3 ul a:hover .date,
.sy_section3 ul a:hover .bt,
.sy_section3 ul a:hover .jj{color: #fff;}
.sy_section3 .more a{display: block;font-size: 16px;color: #ffffff;line-height: 40px;text-align: center;width: 160px;border: 1px solid #ef233c; background: #ef233c;margin: 0 auto;}
.sy_section3 .more a:hover{background: #fff;color: #ef233c;}
@media screen and (max-width:1680px) {
.sy_section3 .title{font-size: 36px;line-height: 4p0x;margin-bottom: 60px;}
.sy_section3 .ulbox{margin-bottom: 40px;}
.sy_section3 ul{margin: 0 -16px;width: calc(100% + 32px);}
.sy_section3 ul li{padding: 0 16px;}
.sy_section3 ul a{padding: 50px;}
.sy_section3 ul a .bt{font-size: 22px;line-height: 30px;min-height: 60px;}
.sy_section3 ul a .jj{font-size: 14px;line-height: 20px;min-height: 40px;}
}
@media screen and (max-width:1024px) {
.sy_section3{padding-top: 30px;height: auto;padding-bottom: 30px;}
.sy_section3 .title{font-size: 20px;line-height: 24px;margin-bottom: 20px;}
.sy_section3 .ulbox{margin-bottom: 20px;}
.sy_section3 ul{margin: 0 -6px;width: calc(100% + 12px);}
.sy_section3 ul li{padding: 0 6px;}
.sy_section3 ul a{padding: 20px;margin-bottom: 10px;}
.sy_section3 ul a:last-child{margin-bottom: 0;}
.sy_section3 ul a .date{font-size: 14px;line-height: 18px;margin-bottom: 10px;}
.sy_section3 ul a .bt{font-size: 16px;line-height: 24px;margin-bottom: 0;min-height: 48px;}
.sy_section3 ul a .jj{display: none;}
.sy_section3 .more a{font-size: 14px;line-height: 34px;width: 110px;}
}

.sy_section4{width: 100%;height: 100vh;overflow: hidden;padding-top: 94px;display: flex;justify-content: center;align-items: center;float:left;}
.sy_section4 .content{width: 47%;}
.sy_section4 .content .bt{font-size: 48px;color: #ffffff;line-height: 52px;margin-bottom: 40px;text-transform:uppercase;}
.sy_section4 .content .jj{font-size: 18px;color: #ffffff;line-height: 30px;margin-bottom: 40px;text-transform:uppercase;}
.sy_section4 .content .more a{display: block;font-size: 16px;color: #ffffff;line-height: 40px;border: 1px solid #ef233c;text-align: center;width: 160px;background: #ef233c;}
.sy_section4 .content .more a:hover{background: #fff;color: #ef233c;}
@media screen and (max-width:1680px) {
.sy_section4 .content{width: 54%;}
}
@media screen and (max-width:1280px) {
.sy_section4 .content .bt{font-size: 36px;line-height: 40px;margin-bottom: 30px;}
.sy_section4 .content .jj{font-size: 15px;line-height: 24px;margin-bottom: 30px;}
}
@media screen and (max-width:1024px) {
.sy_section4{height: auto;padding-top: 50px;padding-bottom: 50px;padding-left: 35px;padding-right: 35px; display: block}
.sy_section4 .content{width: 100%;}
.sy_section4 .content .bt{font-size: 20px;line-height: 24px;margin-bottom: 12px;text-align: center;}
.sy_section4 .content .jj{font-size: 14px;line-height: 24px;margin-bottom: 12px;text-align: justify;}
.sy_section4 .content .more a{font-size: 14px;line-height: 34px;width: 110px;margin: 0 auto;}
}

.sy_section5{width: 100%;height: 100vh;overflow: hidden;display: flex;justify-content: center;align-items: center;padding-top: 94px;float:left;}
.sy_section5 .title{font-size: 48px;color: #1a1a1a;line-height: 52px;text-align: center;margin-bottom: 20px;}
.sy_section5 .jianjie{font-size: 18px;color: #1a1a1a;line-height: 24px;text-align: center;margin-bottom: 46px;}
.sy_section5 .content{width: 100%;margin-bottom: 48px;}
.sy_section5 .content ul{margin: -16px;width: calc(100% + 32px);display: flex;justify-content: flex-start;align-items: stretch;flex-wrap: wrap;}
.sy_section5 .content ul li{width: 50%;padding: 16px;}
.sy_section5 .content ul .libox{width: 100%;min-height: 100%;padding: 44px 60px;position: relative;overflow: hidden;}
.sy_section5 .content ul .btbox{margin-bottom: 30px;min-height: 122px;position: relative;z-index: 4;}
.sy_section5 .content ul .btbox .bt{font-size: 18px;color: #ffffff;line-height: 24px;margin-bottom: 8px;}
.sy_section5 .content ul .btbox .line{width: 63px;height: 4px;background: #ef233c;}
.sy_section5 .content ul .jj{font-size: 16px;color: #ffffff;line-height: 26px;position: relative;z-index: 4;}
.sy_section5 .content ul .back{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;
transition: All 0.5s ease-in-out;
-webkit-transition: All 0.5s ease-in-out;
-moz-transition: All 0.5s ease-in-out;
-o-transition: All 0.5s ease-in-out;}
.sy_section5 .content ul .libox:hover .back{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);}
.sy_section5 .more a{display: block;font-size: 16px;color: #ffffff;line-height: 40px;border: 1px solid #ef233c;text-align: center;width: 160px;background: #ef233c;margin: 0 auto;}
.sy_section5 .more a:hover{background: #fff;color: #ef233c;}
@media screen and (max-width:1400px) {
.sy_section5 .title{font-size: 36px;line-height: 42px;margin-bottom: 16px;}
.sy_section5 .jianjie{font-size: 16px;line-height: 20px;margin-bottom: 30px;}
.sy_section5 .content{margin-bottom: 30px;}
.sy_section5 .content ul .libox{padding: 34px;}
.sy_section5 .content ul .btbox{margin-bottom: 20px;min-height: 100px;}
.sy_section5 .content ul .btbox .bt{font-size: 16px;line-height: 22px;}
.sy_section5 .content ul .btbox .line{width: 50px;}
.sy_section5 .content ul .jj{font-size: 14px;line-height: 22px;}
}
@media screen and (max-width:1024px) {
.sy_section5{height: auto;display: block;padding-top: 30px;padding-bottom: 30px;}
.sy_section5 .title{font-size: 20px;line-height: 24px;margin-bottom: 12px;}
.sy_section5 .jianjie{font-size: 14px;line-height: 20px;margin-bottom: 20px;}
.sy_section5 .content{margin-bottom: 20px;}
.sy_section5 .content ul{margin: 0;width: 100%;display: block;}
.sy_section5 .content ul li{width: 100%;padding: 0;margin-bottom: 12px;}
.sy_section5 .content ul li:last{margin-bottom: 0;}
.sy_section5 .content ul .libox{min-height: 1px;padding: 20px;}
.sy_section5 .content ul .btbox{margin-bottom: 20px;min-height: 1px;}
.sy_section5 .content ul .btbox .bt{font-size: 15px;line-height: 22px;margin-bottom: 8px;}
.sy_section5 .content ul .btbox .line{width: 40px;height: 2px;}
.sy_section5 .content ul .jj{font-size: 13px;line-height: 22px;}
.sy_section5 .more a{font-size: 14px;line-height: 34px;width: 110px;}
}

.sy_bnavbox{width: 100%;}
.b_nav1{background: #be0028;padding-top: 25px;padding-bottom: 25px;float:left;width:100%;}
.b_nav1 .wz{font-size: 22px;color: #ffffff;line-height: 26px;text-align: center;text-align: center;}
.b_nav2{background: #1a1a1a;padding-top: 60px;padding-bottom: 50px;float:left;width:100%;}
.b_nav2 .w_1600{display: flex;justify-content: flex-start;align-items: flex-start;}
.b_nav2 .left{width: 38.125%;padding-right: 60px;}
.b_nav2 .left .u1{margin-bottom: 18px;display: flex;justify-content: flex-start;align-items: flex-start;}
.b_nav2 .left .u1 li{margin-right: 32px;position:relative;}
.b_nav2 .left .u1 li:last-child{margin-right: 0;}
.b_nav2 .left .u1 a{display: block;width: 40px;border-radius: 100%;overflow: hidden;}
.b_nav2 .left .u1 a img{width: 100%;display: block;}
.b_nav2 .left .u1 a:hover{opacity: 0.8;}
.b_nav2 .left .u1 .ewm{width:120px;position:absolute;left:50%;margin-left:-60px;bottom:calc(100% + 12px);background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);transform: scale(0);
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.b_nav2 .left .u1 li:hover .ewm{transform: scale(1);}
.b_nav2 .left .u1 .ewm img{width:100%;display:block;}
.b_nav2 .left .banquan{font-size: 12px;color: #616161;line-height: 24px;margin-bottom: 26px;}
.b_nav2 .left .banquan a{color: #616161;}
.b_nav2 .left .u2{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;}
.b_nav2 .left .u2 li{margin-right: 12px;}
.b_nav2 .left .u2 li:last-child{margin-right: 0;}
.b_nav2 .left .u2 a{font-size: 12px;color: rgba(97,97,97,0.6);line-height: 20px;display: block;}
.b_nav2 .left .u2 a:hover{color: #fff;}
.b_nav2 .right{width: 61.875%;}
.b_nav2 .right ul{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 40px;}
.b_nav2 .right ul .yj a{font-size: 16px;color: #ffffff;line-height: 20px;display: block;}
.b_nav2 .right ul .ej{margin-top: 22px;}
.b_nav2 .right ul .ej a{display: block;font-size: 14px;color: #ffffff;line-height: 18px;margin-bottom: 12px;}
.b_nav2 .right ul .ej a:last-child{margin-bottom: 0;}
.b_nav2 .right ul .yj a:hover,
.b_nav2 .right ul .ej a:hover{opacity: 0.8;}
.b_nav2 .right .logos{width: 100%;display: flex;justify-content: flex-end;align-items: flex-start;}
.b_nav2 .right .logos img{height: 36px;display: block;}
@media screen and (max-width:1400px) {
.b_nav2 .left{padding-right: 40px;}
.b_nav2 .left .u1 li{margin-right: 20px;}
}
@media screen and (max-width:1024px) {
.b_nav1{padding-top: 20px;padding-bottom: 20px;}
.b_nav1 .wz{font-size: 14px;line-height: 20px;}
.b_nav2{padding-top: 30px;padding-bottom: 30px;margin-bottom: 60px;}
.b_nav2 .w_1600{display: block}
.b_nav2 .left{width: 100%;padding-right: 0;}
.b_nav2 .left .u1{margin-bottom: 12px;justify-content: center;}
.b_nav2 .left .u1 li{margin-right: 12px;}
.b_nav2 .left .u1 a{width: 32px;}
.b_nav2 .left .banquan{margin-bottom: 12px;text-align: center;}
.b_nav2 .left .u2{justify-content: center;}
.b_nav2 .right{width: 100%;display: none;}
.b_nav2 .right ul{display: none;}
.b_nav2 .right .logos{justify-content: flex-start;}
.b_nav2 .right .logos img{height: 30px;}
.b_nav2 .left .u1 .ewm{width:100px;margin-left:-50px;}
}

/*手机端底漂浮*/
.pf_downs{ width: 100%; float: left; position: fixed; left: 0; background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1); z-index: 99;bottom: 0; padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.pf_downs li{ width:25%; float: left; text-align: center; padding:10px 0;}
.pf_downs li a{ width:100%; float: left; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.pf_downs li .ico7{ width: 100%; float: left; height: 24px; line-height:0; display: flex; justify-content: center; align-items: center;}
.pf_downs li .ico7 img{ width:24px; height: 24px;}
.pf_downs li .ico7 .show{ display: block;}
.pf_downs li .ico7 .hide{ display: none;}
.pf_downs li .d_name{ width: 100%; float: left; margin-top:2px; font-size:14px; color: #000; line-height: 14px;}
.pf_downs li:hover .ico7{ background: #C01; width:44px; height:44px; border-radius: 50%; border:3px solid #fff; position: relative; margin-top:-18px;}
.pf_downs li:hover .ico7 .show{ display: none!important;}
.pf_downs li:hover .ico7 .hide{ display: block!important;}
.pf_downs li:hover .ico7 img{ width:22px; height: 22px;}
.pf_downs li:hover .d_name{ margin-top:0;}

.pf_right{width: 44px;position: fixed;right: 22px;bottom: 40px;z-index: 999;}
.pf_right ul{width: 100%;}
.pf_right li{margin-bottom: 1px;position: relative;}
.pf_right li a{display: block;background: #e9eaeb;height: 44px;display: flex;justify-content: center;align-items: center;}
.pf_right li a img{width: 24px;display: block;}
.pf_right li a .ico2{display: none;}
.pf_right li a:hover{background: #ef233c;}
.pf_right li a:hover .ico1{display: none;}
.pf_right li a:hover .ico2{display: block;}
.pf_right li .posi_dh{position: absolute;right: calc(100% + 20px);top: 50%;margin-top: -25px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);font-size: 20px;color: #000;line-height: 30px;padding: 10px 30px;font-weight: bold; white-space:nowrap;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);}
.pf_right li:hover .posi_dh{
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);}
.pf_right li .posi_img{width: 120px;position: absolute;right: calc(100% + 20px);top: 50%;margin-top: -60px; background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);}
.pf_right li .posi_img img{width: 100%;}
.pf_right li:hover .posi_img{
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);}
@media screen and (max-width:1680px) {
.pf_right{width: 36px;right: 10px;bottom: 30px;}
.pf_right li a{height: 36px;}
.pf_right li a img{width: 20px;}
.pf_right li .posi_dh{margin-top: -20px;font-size: 18px;line-height: 28px;padding: 6px 20px;}
.pf_right li .posi_img{width: 100px;margin-top: -50px;}
}


.swiper-pagination{width: 6px!important;right: 40px!important;}
.swiper-pagination-bullet{margin: 0 0 14px 0!important;width: 6px!important;height: 6px!important;background: #90e0ef!important;position: relative!important;opacity: 1!important;}
.swiper-pagination-bullet-active{background: #ef233c!important;}
.swiper-pagination-bullet-active::after{content: "";display: block;width: 20px;height: 20px;border: 1px solid #ef233c;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}


/*20240816end*/